DAY 2: Headings, Paragraphs, And Text Formatting

DAY 2: Headings, Paragraphs, And Text Formatting

Table of contents

No heading

No headings in the article.

INTRODUCTION:

Welcome to the second installment of our HTML tutorial series! Come with me as I delve into the intricacies of headings, paragraphs, and text formatting tags in HTML.

IMPORTANCE OF HEADINGS:

  1. Structuring content of web pages

  2. Search Engine Optimization (SEO) benefits in order to improve discoverability and ranking of the content in search engine results pages (SERPs)

IMPORTANCE OF PARAGRAPHS:

  1. Organizing textual content on a web page, which makes it easier for users to read and comprehend the information presented.

INTRODUCTION OF TEXT FORMATTING TAGS:

  1. <b> Tag: It is used to make texts bold. It doesn't convey any specific meaning or semantic importance, as it is considered a presentational tag.

  2. <strong> Tag: It is used to make texts bold as well as denote text that should be given strong emphasis or importance. It has a visual impact, making a text stand out more prominently against the surrounding content.

  3. <i> Tag: It is used to italicize texts without conveying any specific meaning or semantic importance, as it is considered a presentational tag.

  4. <em> Tag: It is used to italicize and emphasize text within a sentence or paragraph. It typically renders the enclosed text in italics, signaling to readers that the emphasized words or phrases carry additional weight or significance.

  5. <mark> Tag: It is used to highlight or mark texts within a paragraph. It typically renders the enclosed text with a background, making it stand out visually.

  6. <u> Tag: It is used to underline text, indicating that it either represents a hyperlink or warrants special attention within the content. It can also be employed for specific stylistic purposes or to denote special terms or headings.

  7. <ins> Tag: It is used to represent text that has been inserted into the document. It renders the enclosed text with an underline, indicating that it is new or added content.

  8. <small> Tag: It is used to render text in a smaller font size. It's often used for disclaimers, copyright notices, or fine print within a document.

  9. <sub> Tag: It is used to render text in a subscript position, typically below the baseline of the surrounding text. It is commonly used for chemical formulas, mathematical expressions, and footnotes.

  10. <sup> Tag: It is used to render text in a superscript position, typically above the baseline of the surrounding text. It is commonly used for exponentiation, mathematical notation, and references.

  11. <del> Tag: It is used to represent text that has been deleted or removed from the content. It renders the enclosed text with a strikethrough effect, indicating that it is no longer relevant or accurate and should be disregarded.

NOTES:

  1. These are 11 of the most basic and important formatting elements in HTML.

  2. The text editor I use is called Visual Studio Code.

  3. The picture attached is a sample of the codes I use. Try it out for yourselves! Enjoy the ride!!!