Scribd
Upload
2 views10 pages

Harry

The 'HTML and CSS: Visual QuickStart Guide' by Joe Casabona is a comprehensive resource for learning web development, covering fundamental concepts of HTML and CSS, website creation, and advanced features. It includes practical chapters on syntax, media, forms, styling, layout, and performance optimization, as well as guidance on getting a website online and ensuring accessibility. The guide is designed for both beginners and those looking to enhance their web development skills.

Uploaded by

kareem978
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views10 pages

Harry

The 'HTML and CSS: Visual QuickStart Guide' by Joe Casabona is a comprehensive resource for learning web development, covering fundamental concepts of HTML and CSS, website creation, and advanced features. It includes practical chapters on syntax, media, forms, styling, layout, and performance optimization, as well as guidance on getting a website online and ensuring accessibility. The guide is designed for both beginners and those looking to enhance their web development skills.

Uploaded by

kareem978
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

VIS U A L QU ICK S TA RT GU IDE

HTML and CSS


Ninth Edition

JOE CASABONA

INCLUDES WEB EDITION WITH FREE VIDEO


V I S U A L Q U I C K S TA R T G U I D E

HTML
and CSS
9th Edition

JOE CASABONA

Peachpit Press
HTML and CSS: Visual QuickStart Guide

Table of Contents

Cover
Title Page
Copyright Page
Dedication
Acknowledgments
Contents at a Glance
Tabl 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
Table of Contents
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
Table of Contents

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
Embedding Video
Other Media
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
Table of Contents
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
Its 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
Table of Contents
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
Table of Contents

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
Table of Contents
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 Youve Done so Far
Additional Tags and Attributes
Table of Contents
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
Whats Next?
Index

You might also like