A Smarter Way to Learn
HTML & CSS
Index of Exercises

1. HTML & CSS
2. CREATING PARAGRAPHS
3. CREATING HEADINGS
4. SPECIFYING FONTS
5. LINKING YOUR CSS FILE TO YOUR HTML DOCUMENT
6. SPECIFYING A FONT-SIZE
7. CSS CLASSES
8. CLASSES THAT AREN’T TIED TO AN ELEMENT
9. FONT-WEIGHT
10. FONT-STYLE
11. STYLING BITS AND PIECES
12. COLORS
13. SPACING
14. ALIGNING TEXT
15. FIRST-LINE INDENT AND BLOCKQUOTE
16. MARGINS
17. BORDERS
18. PADDING
19. INHERITANCE
20. GROUPING
21. ID
22. DIV
23. IMAGES
24. BLOCK ELEMENTS VS. INLINE ELEMENTS
25. ADDING MORE INFO TO THE IMAGE TAG
26. POSITIONING AN IMAGE
27. CENTERING AN IMAGE
28. FLOATING IMAGES
29. LINKS
30. LINK ADDRESSES
31. LINKING TO A LOCATION ON A PAGE
32. OPENING A NEW WINDOW
33. STYLING LINKS
34. CLICKABLE IMAGES
35. IMAGE MAPS PART 1
36. IMAGE MAPS PART 2
37. BULLET LISTS AND NUMBERED LISTS
38. STYLING LISTS
39. STYLING A LIST’S MARKERS
40. MORE CSS SELECTORS
41. TABLES: BASIC STRUCTURE
42. TABLES: HEADINGS
43. TABLES: SPANNING COLUMNS AND ROWS
44. TABLES: BORDERS
45. TABLES: SPACING PART 1
46. TABLES: SPACING PART 2
47. TABLES: ALIGNING TEXT
48. TABLES: BACKGROUND-COLOR AND OTHER CHARACTERISTICS
49. FORMS: THE FORM TAG
50. FORMS: TEXT INPUT
51. FORMS: TEXTAREA
52. FORMS: SUBMIT
53. FORMS: RADIO BUTTONS
54. FORMS: CHECKBOXES
55. FORMS: SELECT BOX
56. FORMS: LABEL
57. GROUPING RELATED ELEMENTS
58. FORMS: STYLING
59. COMMENTS
60. LAYOUT: NESTED BOXES
61. LAYOUT: DIVS
62. LAYOUT: DIV WIDTHS AND CENTERING
63. LAYOUT: SIDE-BY-SIDE DIVS
64. LAYOUT: A MODERN HEADER PART 1
65. LAYOUT: A MODERN HEADER PART 2
66. LAYOUT: A MODERN HEADER PART 3
67. LAYOUT: A MODERN HEADER PART 4
68. LAYOUT: A MODERN HEADER PART 5
69. LAYOUT: A VERTICAL NAVIGATION BAR PART 1
70. LAYOUT: A VERTICAL NAVIGATION BAR PART 2
71. LAYOUT: A VERTICAL NAVIGATION BAR PART 3
72. LAYOUT: A VERTICAL NAVIGATION BAR PART 4
73. LAYOUT: A VERTICAL NAVIGATION BAR PART 5
74. LAYOUT: A HORIZONTAL NAVIGATION BAR PART 1
75. LAYOUT: A HORIZONTAL NAVIGATION BAR PART 2
76. BACKGROUND IMAGES PART 1
77. BACKGROUND IMAGES PART 2
78. IFRAMES
79. VIDEO PART 1: EMBEDDING YOUTUBE VIDEOS
80. VIDEO PART 2: FURTHER CUSTOMIZING YOUTUBE VIDEOS
81. VIDEO PART 3: EMBEDDING VIMEO VIDEOS
82. AUDIO
83. EMS VS. PERCENTAGES VS. PIXELS
84. RELATIVE AND STATIC POSITIONING
85. Z-INDEX
86. MEDIA QUERIES
87. MIN- AND MAX-WIDTH, MIN- AND MAX-HEIGHT, AND OVERFLOW
88. THE STUFF AT THE TOP
89. THE META DESCRIPTION