List of Figures

Tools & Tips

Figure 1: Example of HTML file extension in Notepad++

HTML Syntax

Figure 2: Example of nesting

Figure 3: HTML element

Figure 4: Head element

Figure 5: Title element

Figure 6: Title element with title added

Figure 7: Title on browser tab

Figure 8: Body element

Figure 9: Doctype

Headers & Body Text

Figure 10: Header code

Figure 11: Headers on live page

Figure 12: Paragraph coding

Figure 13: Paragraph on live page

Figure 14: Two coded paragraphs

Figure 15: Two paragraphs on live page

Figure 16: Code for bolding and italics

Figure 17: Bolding and italics on live page

Lists

Figure 18: Unordered list tags

Figure 19: Unordered list without tags

Figure 20: Unordered list with tags

Figure 21: Unordered list on live page

Figure 22: Code for ordered list

Figure 23: Ordered list on live page

Tables

Figure 24: Table element

Figure 25: First/header row code

Figure 26: Code for entire table

Figure 27: Table on live page

Links

Figure 28: Attribute element

Figure 29: URL added to link code

Figure 30: Link on live page

Figure 31: Link coded to open in new tab

Figure 32: Link opened in new tab

Text Color

Figure 33: Basic HTML for H1

Figure 34: Live page H1

Figure 35: Code for brown H1

Figure 36: Live page H1 in brown

Fonts

Figure 37: Current live page

Figure 38: Style element

Figure 39: CSS rule for body in Arial font

Figure 40: Live page in Arial font

Figure 41: CSS rule for H1 in Times New Roman font

Figure 42: Live page with H1 in Times New Roman font

Figure 43: Fallback font code

Final Code & Live Page

Figure 44: Final code part 1

Figure 45: Final code part 2

Figure 46: Final live page