HTML Formatting For Beginners
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!
<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.
<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.
<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.
<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.
<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.
<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.
<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.
<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 the end of your body of text