Playing with HTML

 

Sep 30 2.1.1. Playing with html

HTML Styling Basics: Key Commands

When creating a blog or any online content, proper formatting helps your text stand out and ensures important information is emphasized. Below are some HTML tags that can help with text formatting:

Bold Text (<strong>):
This tag is used to highlight important information in a bold style. It is typically used to emphasize key parts of a sentence.
Example:
html
Copiar código
<strong>This is important!</strong>

1. Result:
   This is important!

Italic Text (<em>):
Italic text is often used for emphasis or to denote captions. It helps highlight secondary information in a visually distinctive way.
Example:
html
Copiar código
<em>This is emphasized text.</em>

2. Result:
   This is emphasized text.

Highlighted Text (<mark>):
The <mark> tag is used to highlight text with a yellow background to draw attention to it.
Example:
html
Copiar código
<mark>Important note</mark>: Remember to check your email!

3. Result:
   <mark>Important note</mark>: Remember to check your email!

Small Text (<small>):
Use the <small> tag to shrink the size of the text, often used for disclaimers or secondary information.
Example:
html
Copiar código
<small>This text is smaller.</small>

4. Result:
   <small>This text is smaller.</small>

5. Striked Out Text (<strike>):
   This tag creates a horizontal line through the text, often used to indicate corrections or removed content.
   Example:
   html
   Copiar código
   <strike>This was incorrect.</strike>