Teach yourself visually HTML and CSS The fast and easy way to learn

Guy Hart-Davis

Book - 2023

"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 suffer through long-winded explanations. You'll find step-by-step walkthroughs showing you how to tackle over 120 individual tasks involving HTML and CSS. Each task-based spread covers a single technique, ensuring you learn first the basics and then more advanced topics one straightforward piece at a time. You'll learn to write HTML code in a text editor or an integrated development environment, add and format text, prepare images fo...r the web, insert links to other pages, control layout with style sheets, add JavaScript to a web page, and more. You'll also discover how to: Create websites that look great in 2023 and beyond with classic HTML and skills and the most modern tips and tricks for contemporary web coding; Optimize your websites for performance and speed, ensuring every visitor gets the best possible experience; Add modern elements to your code, including , , , and , and make your code accessible to as many people as possible. Teach Yourself VISUALLY HTML and CSS is your personal roadmap to understanding how to get the most out of HTML and CSS to create, format, and troubleshoot websites of all kinds. This book will get you to the next level of web development, quickly and easily"--Publisher's description.

Saved in:

2nd Floor Show me where

006.74/HTML/Hart-Davis
1 / 1 copies available
Location Call Number   Status
2nd Floor 006.74/HTML/Hart-Davis Checked In
Subjects
Published
Hoboken : John Wiley & Sons, Inc [2023]
Language
English
Main Author
Guy Hart-Davis (author)
Other Authors
Linda Wooldridge (-)
Edition
2nd edition
Item Description
Includes index.
Previous edition: published as by Mike and Linda Wooldridge. 2008.
Physical Description
307 pages : colour illustrations ; 24 cm
ISBN
9781394160686
  • 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
  • Meet and Configure Visual Studio Code
  • Install GIMP
  • Install the Major Browsers
  • 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 Your First Web Page
  • Open the Web Page in a Browser
  • Add Headings and Text
  • Nest One Element Within Another Element
  • Add Comments
  • Apply Direct Formatting
  • View a Page's Source Code
  • Validate a Web Page
  • Create Another Web Page
  • Understanding the EssentiaLs of Hyperlinks
  • Create a Hyperlink Between Your Web Pages
  • Interpret HTTP Status Codes
  • Chapter 3. Structuring a Web Page
  • Meet the Elements for Structuring Web Pages
  • Select Items with span and div Elements
  • Create header Elements and footer Elements
  • Add article Elements to a Page
  • Create Pull Quotes with the aside Element
  • Divide a Page Using section Elements
  • Create Collapsible Sections
  • Chapter 4. Including Images
  • Grasp the Essentials of Web Image Formats
  • Launch GIMP and Perform Essential Moves
  • Rotate or Straighten an Image
  • Crop an Image
  • Resize an Image
  • Reduce the Number of Colors in an Image
  • Convert an Image to the Format You Need
  • Learn the HTML for Images
  • Insert an Image
  • Create a Figure with a Caption
  • Chapter 5. Working with Links
  • Grasp the Essentials of Links
  • Create a Link to a Web Page
  • Create a Link to Elsewhere on the Same Web Page
  • Specify the ScreenTip for a Link
  • Redirect the Browser to a Different Page
  • Create a Link for Downloading a File
  • Create a Link That Starts an Email Message
  • Create a Link from an Image
  • Create Multiple Links from an Image
  • Include an Audio File in a Web Page
  • Include a Video File in a Web Page
  • Embed a YouTube Video in a Web Page
  • Chapter 6. Creating Lists and Tables
  • Grasp the Different Types of Lists
  • Create a Numbered List
  • Create a Bulleted List
  • Create a Definition List
  • Nest One List Inside Another List
  • Learn the HTML for Tables
  • Create a Table
  • Add Rows or Columns to a Table
  • Specify Table Width and Column Width
  • Format Table Borders
  • Adjust Table Padding and Spacing
  • Create Groups of Columns
  • Align Tables Rows, and Cells
  • Create Cells That Span Rows or Columns
  • Set a Background Color or Image for a Table
  • Nest One Table Inside Another Table
  • Chapter 7. Getting Started with CSS
  • Grasp How CSS Works
  • Format Elements with Inline CSS
  • Format a Page Using Internal CSS
  • Create an External CSS File
  • Link an External CSS File to a Web Page
  • Distinguish Element, Class, and ID Selectors
  • Apply Styles Using Element Selectors
  • Apply Styles Using Class Selectors
  • Apply Styles Using ID Selectors
  • Chapter 8. Formatting Text with CSS
  • Understanding Fonts and How to use Them
  • Specify the Font Family
  • Set the Font Size and Font Weight
  • Adjust Line Height and Letter Spacing
  • Create Superscripts and Subscripts
  • Understanding Ways to Set Color in CSS
  • Set Font Color
  • Apply Text Shadows
  • Display Monospaced Font
  • Apply Text Decoration
  • Understanding HTML Entities
  • Insert Special Characters with HTML Entities
  • Insert Emojis
  • Using Custom Fonts on Web Pages
  • Chapter 9. Sizing and Positioning with CSS
  • Understanding Pseudo-Classes
  • Apply Contextual Formatting with Pseudo-Classes
  • Understanding CSS Combinators
  • Target Elements Using CSS Combinators
  • Understanding Pseudo-Elements
  • Apply CSS to Pseudo-Elements
  • Override CSS by Using the ! important Declaration
  • Understanding the CSS Box Model
  • Understanding Ways of Sizing Elements
  • Specify the Size for an Element
  • Specify Padding and Borders for an Element
  • Set Margins to Control Element Spacing
  • Understanding CSS Positioning Essentials
  • Create Block Quotes
  • Fix an Element in Place in the Viewport
  • Float an Element Beside Another Element
  • Understanding the display Property
  • Control the Display of an Element
  • Create a Flexbox Layout
  • Chapter 10. Creating Responsive and Appealing Pages
  • Understanding the Tools for Creating Responsive Pages
  • Apply Relative Sizing
  • Add Media Queries to a Page
  • Set Tap Targets for Touch Screens
  • Set the Viewport Size
  • Check Your Pages on Various Devices and Screens
  • Understanding How CSS Gradients Work
  • Apply a Linear Gradient to an Element
  • Apply a Radial Gradient to an Element
  • Using Sprites
  • Understanding CSS Animations
  • Apply Transitions to HTML Elements
  • Create a Keyframe Animation
  • Chapter 11. Creating Forms
  • Grasp Web Form Essentials
  • Create a Form
  • Add Text Input Controls to a Form
  • Add Radio Buttons to a Form
  • Add Check Boxes to a Form
  • Add a Drop-Down List of Options to a Form
  • Add Command Buttons to a Form
  • Chapter 12. Taking Your Website to the Next Level
  • Understanding How Search Engines Work
  • Optimize Your Website for Search Engines
  • Guide Search Spiders with a robots .txt File
  • Understanding Accessibility Issues for Websites
  • Meet Chrome's Live Development Tools
  • Troubleshoot CSS with Chrome DevTools
  • Using a Staging Server
  • Understanding Front-End Frameworks
  • Index