Home Page Icon
Home Page
Table of Contents for
Title Page
Close
Title Page
by Joe Casabona
HTML and CSS: Visual QuickStart Guide
Cover Page
Title Page
Copyright Page
Dedication
Acknowledgments
Contents at a Glance
Table of Contents
Introduction
What You Will Learn
Who Is This Book For?
How This Book Is Structured
Online Content
Errata
1. What Are HTML and CSS?
What Is HTML?
What Is CSS?
How HTML and CSS Work Together
Wrapping Up
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
3. HTML Syntax
How HTML Tags Work
Adding Comments
Structuring an HTML Page
The <meta> Tag
What Is Semantic Markup?
Wrapping Up
4. Basic HTML Elements
HTML Text Formatting
Paragraphs and Headings
Lists
Quoting a Block of Text
Formatting Text Inline
Marking Up Code
Wrapping Up
5. Links
Link Markup
URL Structure
Internal vs. External Linking
Relative vs. Absolute Linking
Other Types of Links
Link Targets
Wrapping Up
6. Structure and Layout with HTML
Webpage Layout
Block vs. Inline Elements
Page Sections
Building a Blog Article Layout
Wrapping Up
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
8. Tables and Other Structured Data Elements
Tables
Description Lists
Why Is Structured Data Important?
Wrapping Up
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
10. Advanced and Experimental Features
It’s All About Browser Support
Advanced Elements
Experimental Features
Wrapping Up
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
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
13. Styling Text
Choosing Fonts
Google Fonts
Including External Fonts with @font-face
Sizing Text
Formatting Text
Formatting for Readability
Wrapping Up
14. Color in CSS
How Computer Monitors Work
Representing Color in CSS
Gradients
The border Property
Wrapping Up
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
16. Layouts with CSS Grid and Flexbox
Modern Solutions for an Important Problem
Using Flexbox
Using CSS Grid Layout
Browser Support
Wrapping Up
17. Responsive Design and Media Queries
Defining Media Queries
Responsive Layouts
Making a Full-width Layout Responsive
Not Just for Screen Widths
Wrapping Up
18. CSS Transformations and Animations
CSS Transitions
CSS Transformations
CSS Animations
Wrapping Up
19. CSS Variables
What Are Variables?
Simplifying Styles with Variables
Calculations with Variables
Wrapping Up
20. CSS Preprocessors
How CSS Preprocessors Work
Getting Started with Sass
Writing Sass
Wrapping Up
21. Getting Your Website Online
Choosing Hosting and a Domain
Pre-Launch Check
Making Your Site Live
Testing Your Site
Wrapping Up
22. Testing Your Website
Why Test Your Website?
Validating Markup
Browser Testing
Device Testing
Troubleshooting with Chrome Developer Tools
Wrapping Up
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
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
25. Going Beyond HTML & CSS
JavaScript
Common JavaScript Libraries
Version Control
Build Tools
Wrapping Up
Final Wrap-up
What’s Next?
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover Page
Next
Next Chapter
Copyright Page
HTML and CSS
Visual Quickstart Guide
9th Edition
Joe Casabona
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset