Table of Contents

Introduction

Chapter 1 What Are HTML and CSS?

What Is HTML?

What Is CSS?

How HTML and CSS Work Together

Wrapping Up

Chapter 2 Creating a Website on Your Computer

Using a Text Editor

Using Advanced Tools

Website Directory Structures and File Extensions

Using CodePen for Quick Tests

Wrapping Up

Chapter 3 HTML Syntax

How HTML Tags Work

Adding Comments

Structuring an HTML Page

The <meta> Tag

What Is Semantic Markup?

Wrapping Up

Chapter 4 Basic HTML Elements

HTML Text Formatting

Paragraphs and Headings

Lists

Quoting a Block of Text

Formatting Text Inline

Marking Up Code

Wrapping Up

Chapter 5 Links

Link Markup

URL Structure

Internal vs. External Linking

Relative vs. Absolute Linking

Other Types of Links

Link Targets

Wrapping Up

Chapter 6 Structure and Layout with HTML

Webpage Layout

Block vs. Inline Elements

Page Sections

Building a Blog Article Layout

Wrapping Up

Chapter 7 Media

How Does Media Work on the Web?

Images

Adding Images to a Page

Responsive Images: Considering Different Devices and Connections

The <picture> Element

Using SVG

Other Media

Embedding Video

Embedding Audio

Storing Multimedia Files

Wrapping Up

Chapter 8 Tables and Other Structured Data Elements

Tables

Description Lists

Why Is Structured Data Important?

Wrapping Up

Chapter 9 Web Forms

Interacting with Webpages

How a Web Form Works

Components of an HTML Form

The <form> Element

Form Fields

Labeling Fields

Setting Up a Basic Form

Creating Select Boxes

Creating Radio Buttons

Creating Checkboxes

Creating Email Forms

Special Field Types

The <meter> Element

Validating Forms

Wrapping Up

Chapter 10 Advanced and Experimental Features

It’s All About Browser Support

Advanced Elements

Experimental Features

Wrapping Up

Chapter 11 Introduction to CSS

What Are Styles?

What Does Cascading Mean?

CSS Syntax

Using CSS on Your Webpage

External Style Sheets

Commenting Your CSS Code

Wrapping Up

Chapter 12 Targeting Elements

Targeting Elements by Tag

Targeting Elements by Class

The Cascade, Inheritance, and Parent-Child Relationships

Selecting Elements by their Relationships

Specificity and Precedence in the Cascade

Targeting Elements with Specific Attributes

Advanced Targeting

Wrapping Up

Chapter 13 Styling Text

Choosing Fonts

Google Fonts

Including External Fonts with @font-face

Sizing Text

Formatting Text

Formatting for Readability

Wrapping Up

Chapter 14 Color in CSS

How Computer Monitors Work

Representing Color in CSS

Gradients

The border Property

Wrapping Up

Chapter 15 Using CSS for Page Layout

The Box Model

Padding and Margins

Element Flow

Creating Layers and Overlapping Elements

Creating an Overlay Using z-index

A Note About Creating Layouts

Wrapping Up

Chapter 16 Layouts with CSS Grid and Flexbox

Modern Solutions for an Important Problem

Using Flexbox

Using CSS Grid Layout

Browser Support

Wrapping Up

Chapter 17 Responsive Design and Media Queries

Defining Media Queries

Responsive Layouts

Making a Full-width Layout Responsive

Not Just for Screen Widths

Wrapping Up

Chapter 18 CSS Transformations and Animations

CSS Transitions

CSS Transformations

CSS Animations

Wrapping Up

Chapter 19 CSS Variables

What Are Variables?

Simplifying Styles with Variables

Calculations with Variables

Wrapping Up

Chapter 20 CSS Preprocessors

How CSS Preprocessors Work

Getting Started with Sass

Writing Sass

Wrapping Up

Chapter 21 Getting Your Website Online

Choosing Hosting and a Domain

Pre-Launch Check

Making Your Site Live

Testing Your Site

Wrapping Up

Chapter 22 Testing Your Website

Why Test Your Website?

Validating Markup

Browser Testing

Device Testing

Troubleshooting with Chrome Developer Tools

Wrapping Up

Chapter 23 Improving Website Performance

What Do We Mean by Performance?

Know How Your Website Performs

Performance Testing Tools

Minify HTML and CSS Files

Optimize Your Images

Load Your Critical CSS First

Wrapping Up

Chapter 24 Web Accessibility

Including as Many People as Possible

What You’ve Done so Far

Additional Tags and Attributes

Accessibility Tests and Validation

Finding Your WCAG Rating

Wrapping Up

Chapter 25 Going Beyond HTML & CSS

JavaScript

Common JavaScript Libraries

Version Control

Build Tools

Wrapping Up

Final Wrap-up

What’s Next?

Index

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset