Teach Yourself VISUALLY HTML and CSS

Level-up your HTML and CSS web development skills with this dynamic, visual guide Teach Yourself VISUALLY HTML and CSS is the perfect resource for those of you who prefer to learn visually and would rather be shown how to do something - with crystal-clear screenshots and easy explanations - than suf...

Full description

Bibliographic Details
Main Author: Hart-Davis, Guy
Format: eBook
Language:English
Published: Newark John Wiley & Sons, Incorporated 2023
Edition:2nd ed
Series:Teach Yourself VISUALLY (Tech) Series
Subjects:
Online Access:
Collection: O'Reilly - Collection details see MPG.ReNa
Table of Contents:
  • Create a Folder Structure for Your Website
  • Chapter 2 Creating Your First Web Pages
  • Study the Anatomy of a Web Page
  • Tell Visual Studio Code Which Folder to Use
  • Create a Folder for Your Website
  • Create Your First Web Page
  • Create Your First Web Page
  • Open the Web Page in a Browser
  • Open the Web Page in a Browser
  • Add Headings and Text
  • Add Headings and Text
  • Nest One Element Within Another Element
  • Add Comments
  • Add Comments
  • Apply Direct Formatting
  • Apply Direct Formatting
  • View a Page's Source Code
  • Validate a Web Page
  • Validate a Web Page
  • Add article Elements to a Page
  • Add article Elements to a Page
  • Create Pull Quotes with the aside Element
  • Create Pull Quotes with the aside Element
  • Divide a Page Using section Elements
  • Divide a Page Using section Elements
  • Create Collapsible Sections
  • Create Collapsible Sections
  • Chapter 4 Including Images
  • Grasp the Essentials of Web Image Formats
  • Launch GIMP and Perform Essential Moves
  • Launch GIMP and Perform Essential Moves
  • Launch GIMP and Open an Image File
  • Launch GIMP and Perform Essential Moves (continued)
  • Cover
  • Title Page
  • Copyright Page
  • About the Author
  • How to Use This Book
  • Table of Contents
  • Chapter 1 Getting Ready to Create Websites
  • Grasp How the Web Works
  • Understanding HTML, CSS, and Responsive Web Design
  • Understanding Static and Dynamic Web Pages
  • What Is a Responsive Website?
  • Understanding Tools for Creating Web Pages
  • Prepare to Create Your Website
  • Install Visual Studio Code
  • Install Visual Studio Code
  • Meet and Configure Visual Studio Code
  • Meet and Configure Visual Studio Code (continued)
  • Install GIMP
  • Install the Major Browsers
  • Launch GIMP and Perform Essential Moves (continued)
  • Zoom In or Out on the Image File
  • Save Changes to an Image File and Close It
  • Rotate or Straighten an Image
  • Rotate or Straighten an Image
  • Crop an Image
  • Crop an Image
  • Resize an Image
  • Resize an Image
  • Reduce the Number of Colors in an Image
  • Reduce the Number of Colors in an Image
  • Convert an Image to the Format You Need
  • Convert an Image to the Format You Need
  • Learn the HTML for Images
  • Insert an Image
  • Insert an Image
  • Create a Figure with a Caption
  • Create a Figure with a Caption
  • Create Another Web Page
  • Create Another Web Page
  • Understanding the Essentials of Hyperlinks
  • Create a Hyperlink Between Your Web Pages
  • Create a Hyperlink Between Your Web Pages
  • Interpret HTTP Status Codes
  • Chapter 3 Structuring a Web Page
  • Meet the Elements for Structuring Web Pages
  • Grasp Semantic and Nonsemantic Elements
  • Select Items with span and div Elements
  • Select Items with span and div Elements
  • Select Text with the span Element
  • Select Text with the div Element
  • Create header Elements and footer Elements
  • Create header Elements and footer Elements