Learn to Code HTML and CSS: Develop and Style Websites (Voices That Matter)

HTML and CSS can be a little daunting at first but fear not. This book, based on Shay Howe's popular workshop covers the basics and breaks down the barrier to entry, showing readers how they can start using HTML and CSS through practical techniques today. They'll find accompanying code examples online, while they explore topics such as the different structures of HTML and CSS, and common terms. After establishing a basic understanding of HTML and CSS a deeper dive is taken into the box model and how to work with floats. The book includes an exercise focused on cleaning up a web page by improving the user interface and design, solely using HTML and CSS. With a few quick changes the web page changes shape and comes to life. Interactive, technically up-to-the-minute and easy-to-understand, this book will advance a student's skills to a professional level. Contents......Page 7 Introduction......Page 11 LESSON 1 Building Your First Web Page......Page 12 Understanding Common HTML Terms......Page 13 Setting Up the HTML Document Structure......Page 15 Understanding Common CSS Terms......Page 18 Working with Selectors......Page 20 Referencing CSS......Page 22 Using CSS Resets......Page 23 Summary......Page 27 LESSON 2 Getting to Know HTML......Page 28 Identifying Divisions & Spans......Page 29 Using Text-Based Elements......Page 31 Building Structure......Page 34 Creating Hyperlinks......Page 40 Summary......Page 46 LESSON 3 Getting to Know CSS......Page 47 The Cascade......Page 48 Calculating Specificity......Page 49 Combining Selectors......Page 51 Layering Styles with Multiple Classes......Page 53 Common CSS Property Values......Page 55 Summary......Page 63 LESSON 4 Opening the Box Model......Page 64 How Are Elements Displayed?......Page 65 Working with the Box Model......Page 67 Developer Tools......Page 78 Summary......Page 84 LESSON 5 Positioning Content......Page 85 Positioning with Floats......Page 86 Positioning with Inline-Block......Page 98 Creating Reusable Layouts......Page 101 Uniquely Positioning Elements......Page 106 Summary......Page 109 LESSON 6 Working with Typography......Page 110 Adding Color to Text......Page 111 Changing Font Properties......Page 112 Applying Text Properties......Page 124 Using Web-Safe Fonts......Page 134 Embedding Web Fonts......Page 135 Including Citations & Quotes......Page 139 Summary......Page 142 LESSON 7 Setting Backgrounds & Gradients......Page 143 Adding a Background Color......Page 144 Adding a Background Image......Page 145 Designing Gradient Backgrounds......Page 153 Using Multiple Background Images......Page 163 Exploring New Background Properties......Page 164 Summary......Page 167 LESSON 8 Creating Lists......Page 168 Ordered Lists......Page 169 Description Lists......Page 171 Nesting Lists......Page 173 List Item Styling......Page 174 Horizontally Displaying List......Page 177 Summary......Page 187 LESSON 9 Adding Media......Page 189 Adding Images......Page 190 Adding Audio......Page 200 Adding Video......Page 202 Adding Inline Frames......Page 204 Semantically Identifying Figures & Captions......Page 212 Summary......Page 214 LESSON 10 Building Forms......Page 215 Text Fields & Textareas......Page 216 Multiple Choice Inputs & Menus......Page 219 Form Buttons......Page 222 Organizing Form Elements......Page 223 Form & Input Attributes......Page 226 Login Form Example......Page 228 Summary......Page 239 LESSON 11 Organizing Data with Tables......Page 240 Creating a Table......Page 241 Table Structure......Page 245 Table Borders......Page 249 Table Striping......Page 253 Aligning Text......Page 255 Completely Styled Table......Page 259 Summary......Page 276 LESSON 12 Writing Your Best Code......Page 277 HTML Coding Practices......Page 278 CSS Coding Practices......Page 284 Summary......Page 292 A......Page 293 B......Page 294 C......Page 295 E......Page 296 G......Page 297 I......Page 298 L......Page 299 P......Page 300 S......Page 301 T......Page 302 V......Page 303 Z......Page 304 This is an interactive beginner's guide with one express goal: to teach you how to develop and style websites with HTML and CSS