The absolute beginner's guide to HTML and CSS : a step -by-step guide with examples and lab exercises

Written as an illustrated, step-by-step guide for beginners, this book will introduce you to HTML and CSS with lab exercises and examples of code. You'll begin by setting up the development environment such as local web server and html editor. The next few chapters cover web servers, the basics of HTML such as language syntax, tags, and how to write a program. Next, you'll learn how to put together simple web pages demonstrating how the code works and how to use various HTML tags and CSS to style the pages. Finally, the use of CMS to build websites such as Drupal and WordPress and how HTML and CSS fits in. At the end there are reference libraries for both HTML tags and CSS. The Absolute Beginners Guide to HTML and CSS provides you with the tools, confidence, and inspiration to start building web pages and websites. If you are a programmer, developer or a student, or just someone who wants to learn on their own, this book is for you. What You'll Learn Understand basic computer programming concepts See how to use HTML and CSS to build web pages Apply the syntax of HTML and CSS See how HTML and CSS fits into CMS systems such as Drupal and WordPress Who This Book Is For Software programmers, developers, students, and anyone who wants a quick reference for HTML and CSS Table of Contents 4 About the Author 9 About the Technical Reviewer 10 Introduction 11 Chapter 1: Getting Started 12 Linking Pages Together 12 Where Are Web Pages Stored? 14 What Is a URL? 14 Index Pages 16 HTML5 18 What Is CSS? 18 Hosting 20 Installing Our Web Server 20 Starting the Web Server 24 Saving Your Web Pages 26 Local Machine 26 Using a Web Host 27 Development Tools and Code Editors 30 Lab Demo 34 Lab Exercises 39 Summary 40 Chapter 2: Introduction to HTML 41 Structure of an HTML Page 41 HTML Element Structure 44 Metadata 47 Lab Exercises 48 Summary 49 Chapter 3: Getting Started with HTML 50 Setting Up 51 Elements for Formatting Text 53 Headings 55 Paragraphs 56 Bold Text 56 Italic Text 57 Page Background Color 60 Text Color 62 Fonts 63 HTML Entities 64 Adding Images 65 Understanding Image Dimensions 67 Image Alignment 68 Background Image 69 Adding Tables 72 Adding Links 73 Using Images As Links 76 Preserve Formatting 78 Adding Lists 78 Unordered List 78 Ordered List 79 Structuring Your Web Page 79 Lab Exercises 81 Summary 82 Untitled 80 Chapter 4: Cascading Style Sheets 84 External CSS Files 85 CSS Syntax 87 Element Type Selector 89 Class Selector 89 ID Selector 90 Universal Selector 91 Grouping Selectors 91 Styling Text 92 Specifying Colors 94 Keyword 94 Hex Value 95 RGB Value 95 Understanding Measurement Units 96 Padding, Margins, and Borders 97 Layouts 99 Flexbox 100 Putting Flexbox into Practice 105 CSS Grid 114 Putting CSS Grid into Practice 115 Responsive Grid Layouts 121 Lab Exercises 133 Summary 134 Chapter 5: Special Effects 136 Text Effects 136 Rounded Image Corners 138 Buttons 139 Gradients 140 Lab Exercises 142 Summary 143 Chapter 6: Multimedia 144 Adding Video 144 Adding Audio 148 Adding Image Maps 149 Lab Exercises 154 Summary 155 Chapter 7: HTML Forms 156 Adding Forms 157 Input Types 157 Text Fields 158 Text Area 158 Radio Buttons 159 Checkbox 159 Select List 160 Labels 160 Submit Button 161 Building a Form 161 Styling a Form 162 Processing the Form Data 165 Configure the Web Server to Execute Scripts 165 Executing the Script 171 Submission Method 173 Get 173 Post 174 Lab Exercises 175 Summary 176 Untitled 160 Chapter 8: Introduction to JavaScript 177 JavaScript Syntax 180 Statements 180 Blocks 180 Identifiers 180 Keywords 181 Comments 181 First Program 182 Lab Exercise 183 Summary 187 Chapter 9: Content Management Systems 189 Set Up WordPress on Our Server 191 Web Development Frameworks 207 Summary 208 Appendix A: HTML Element Reference 210 A 210 B 211 C 211 D 212 E 212 F 213 H 213 I 214 K 214 L 214 M 215 N 215 O 216 P 216 Q 216 S 217 T 218 U 219 V 220 W 220 Appendix B: CSS Selector Reference 221 A 221 B 222 C 223 D 224 F 224 H 225 I 225 J 225 K 226 L 226 M 226 O 227 P 228 R 229 S 229 T 229 U 230 V 230 W 231 Appendix C: CSS Color Codes 232 Index 239 Capture.PNG -1 Capture.PNG 1 Written as an illustrated, step-by-step guide for beginners, this book will introduce you to HTML and CSS with lab exercises and examples of code. You'll begin by setting up the development environment such as local web server and html editor. The next few chapters cover web servers, the basics of HTML such as language syntax, tags, and how to write a program. Next, you'll learn how to put together simple web pages demonstrating how the code works and how to use various HTML tags and CSS to style the pages. Finally, the use of CMS to build websites such as Drupal and WordPress and how HTML and CSS fits in. At the end there are reference libraries for both HTML tags and CSS. The Absolute Beginners Guide to HTML and CSS provides you with the tools, confidence, and inspiration to start building web pages and websites. If you are a programmer, developer or a student, or just someone who wants to learn on their own, this book is for you. You will: Understand basic computer programming concepts See how to use HTML and CSS to build web pages Apply the syntax of HTML and CSS See how HTML and CSS fits into CMS systems such as Drupal and WordPress