LISTS
In order to form an ordered list in HTML, you have to start with the ol tag. This stands for ordered list. Then, each item or sentence within the list has to be placed within the li tag, standing for list item. If you want to create an unordered list, you would start with the ul tag, then place each item within the li tag as normal. The difference between an ordered list and an unordered list, is the fact that an ordered list will be numbered and an unordered list will be bulleted. There’s also the definition list and nested list option. Definition lists will have terms and their definitions with the term at the top and the definition indented below it, these are created with the d1, dt, and dd tags. The dt tag contains the term and the dd tag contains the definition. Nested lists are bulleted lists with another list inside them, as if you pressed tab when starting a second bullet. This is done by simply placing a second list inside an already existing li element.
TYPEFACES
There are various typefaces you can use within HTML. First we have serif fonts, one of the most popular examples being Times New Roman. These fonts will often have extra details at the ends of the strokes. Secondly, there’s sans-serif fonts, having straight ends to the letters. One of the most well-known examples of a sans-serif font would be Arial or Helvetica. Then we have monospace. In monospace fonts, every letter is the same width. Then there’s cursive fonts, with joining strokes or a handwritten quality to the letters, such as Comic Sans. Finally, fantasy fonts are decorative fonts mainly used for titles. One common font is Impact. These typefaces are fairly common, most browsers will support at least one typeface from each group, that’s why it’s important to add the generic font name after the typeface you would like.
FONT SIZES
In CSS, the property font-size can be used to specify the size of a font. Pixels are most common and give precise control to designers. In order to specify the size, all you have to do is type out the number you’d like followed by px. Percentages follow the default size of text in browsers, 16px. So, if you made a font 75% it would be 75% of 16px, 12px. Ems are equivalent to the width of the letter m. They allow you to change the size of text relative to the size of the text within the parent element. The way it works is similar to how percentages work, taking into consideration the default text size.