Lesson 3: Writing out the Web Page

• HTML Formatting - a process that allows us to format text to increase its visual appeal.
• <b> tag - specifies bold text, without any logical importance.
• <strong> tag - is a logical tag that appears in bold text but with a semantic importance.
• <em> tag - displays the text in italics but with a semantic importance.
• <i> tag - displays the text in italics.
• <mark> tag - used to highlight a text.
• <sup> tag - displays with a raised baseline using a smaller font.
• <sub> tag - appears with a lowered baseline using a smaller font.
• <small> tag - specifies smaller text. It is mostly used for copyright and legal text on a web page.
• <big> tag - helps us make the text’s size larger than the surrounding text.
• <del> tag - specifies that text that has been deleted from a document. Shows a text with a line striking through it.
• <ins> tag - specifies that text has been inserted into a document. Shows a text with an underline beneath it.
• <cite> tag - specifies a citation. It is used to provide or identify the source of the quote or any content.
• <q> tag - indicates that the enclosed text is a short inline quotation. This element is intended for short quotations that don't require paragraph breaks.
• Types of Lists:

  • Unordered Lists
  • Ordered Lists
  • Description List
• <ul> tag - represents an unordered lists. It has no special order.

  
• Types of bullet in an Unordered Lists:

  • Disc - bullet form; default
  • Circle - circle form
  • Square - square form
• <ol> tag - represents the ordered list, which organize items in a number format.

  
• Types of marker in an Ordered Lists:

  • 1 - numerals; default
  • A - uppercase letters
  • a - lowercase letters
  • I - uppercase roman numerals
  • i - lowercase roman numerals
• <dl> tag - represents description list.

  <dt> tag - defines the term.

  <dd> tag - describes each term.

  
• Nested Unordered Lists - refer to the practice of placing one unordered list within another unordered list in HTML. This allows for the creation of hierarchical structures in lists, where sublist items are grouped under parent list items.

  
• Nested Ordered Lists - refer to the organization of content in a hierarchical structure using HTML's <ol> (ordered list) element, where one ordered list is placed within another.