HTML Formatting For Beginners

Published by Rachel on

HTML, or HyperText Markup Language, is the language that web pages use to display their content. It’s made up of different elements which tell the web browser how to show it’s information. In today’s online world, understanding how websites work is crucial. Here are the only basics you need to know in HTML!



Bold Tag
<b> CONTENT <b>

This element defines bold text, making it thicker than the other words. The tag <strong> performs a similar action but is only used for text with extra importance.


Italics Tag
<i> CONTENT </i>

The <i> element defines italic text, making the word slant to the left. The tag <em> performs a similar action but is only used for technical terms or words in other languages.


Underlining Tag
<u> CONTENT </u>

This element defines underlined text, forming a line directly underneath the word. It’s used to mark text that has errors or is of a different style to the rest of the paragraph, such as spelling mistakes or foreign characters.



Subscript Tag
<sub> CONTENT </sub>

The <sub> element defines subscripted text, making it appear larger and directly below the rest of the word. You can use it for chemical formulas or mathematical sequences.


Superscript Tag
<sup> CONTENT </sup>

This element defines superscripted text, making it appear smaller and directly above the rest of the word. You can use it for temperature degree symbols or for footnotes.



Highlighted Tag
<mark> CONTENT </mark>

The <mark> element defines highlighted text, making it stand out from the rest of the paragraph. It marks text with particular significance. Most browsers highlight this text with a yellow background.


Strikethrough Tag
<del> CONTENT </del>

This element defines strikethrough text, forming a line directly through the centre of the word. HTML5 and onwards use <del>, which replaced HTML4’s <strike> tag. It forms a horizontal line through the text.


Summary
<body>      
              
<p>This is your body of text</p>

<p>This is in <b>bold</b></p>

<p>The following is in <i>italics</i></p>

<p>This is <u>underlined</u></p>

<p>The following is in <sub>superscript</sub></p>

<p>This is in <sup>supscript</sup></p>

<p>The following is <mark>highlighted</mark></p>

<p>This is <strike>strikethrough</strike></p>

</body>

This is your body of text

This is in bold

The following is in italics

This is underlined

The following is in subscript

This is in superscript

The following is highlighted

This is strikethrough

This is the end of your body of text


Read more about programming here!


Share:

6 Comments

joehendricks.photography · 8 December, 2020 at 6:43 am

Hi, I do think this is an excellent web site. I stumbledupon it ;
) I will return yet again since I bookmarked it. Money
and freedom is the best way to change, may you be rich and continue to guide other people.

    Rachel · 12 December, 2020 at 6:47 pm

    Thanks for the comment!

furniture restoration Dublin · 1 December, 2020 at 2:11 am

Thanks a lot for the awesome post, enjoyed it once again, Ill give this a share.

house renovations · 28 November, 2020 at 3:49 pm

Hi, Excellent post, i honestly liked this
and helped me out a ton, thanks.

    Rachel · 28 November, 2020 at 8:34 pm

    No problem! Glad it helped!

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *