A Smarter Way to Learn HTML & CSS, Volume 2

The ultimate learn-by-doing approach. Short chapters are paired with free interactive online exercises to teach the fundamentals of HTML and CSS. Written for beginners, useful for experienced developers who want to sharpen their skills. Prepares the reader to code a website of medium complexity. The learner spends two to three times as long practicing as he does reading. Based on cognitive research showing that retention increases 400 percent when learners are challenged to retrieve the information they just read. Explanations are in plain, nontechnical English that people of all backgrounds can readily understand. With ample coding examples and illustrations.

Table of Contents

1. HTML & CSS
2. Creating paragraphs
3. Creating headings
4. Specifying fonts
5. Linking your CSS to your HTML
6. Specifying a font-size
7. CSS classes
8. Classes not 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 vs. inline
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
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. A vertical navigation bar part 1
70. A vertical navigation bar part 2
71. A vertical navigation bar part 3
72. A vertical navigation bar part 4
73. A vertical navigation bar part 5
74. A horizontal navigation bar part 1
75. A horizontal navigation bar part 2
76. Background images part 1
77. Background images part 2
78. Iframes
79. Embedding youtube videos
80. Further customizing youtube videos
81. 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
88. The stuff at the top