Summary 4

Lists and Text

Topic 1 - Types of Lists

Lists are a good way to organize elements on a page without creating a bunch of extra code for separate lines of text, and some auto-apply symbols and characters per line. Ordered lists for example (contained in <ol>) number every element in the order they're entered, and unordered lists (inside <ul>) display all the items with bullet points. There are also some lists that auto-indent elements, such as definition lists (<dl>, <dt>, <dd>) which do that without adding anything, and nested lists which do the same thing, but with added bullet points.

Topic 2 - Typeface Options

Type has many elements that change to make up all the different faces, the most defining being serif and sans-serif, the former having extensions on the ends of letters which were used for readability in walls of text, the latter having those absent. There's also the font's weight, which is basically how bold or light the text is, style, which refers to effects like italics or oblique, and stretch, which has to do with how condensed or extended the text is. It's good to take all of these elements into account when selecting type for different sections and headings on a page.

Topic 3 - Editing Type In-Line

Each of the elements in the previous section (except for serif and sans-serif) can be edited with commands in-line with the code (font-weight, font-style), but there are a couple other things that can be changed in the code. The 'text-transform' can change the casing of lines to all lowercase or uppercase, or capitalize the first letter of each word, and 'text-decoration' can add lines to parts of it or make text blink (that one's not recommended). There are also commands for leading (line-height), letter and word spacing (letter-spacing, word-spacing), alignment (text-align), and various other effects.