The Absolute Beginner's Guide to HTML and CSS: A Step-by-Step Guide with Examples and Lab Exercises

 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.

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.