Teach Yourself Visually HTML and Css - The Fast and Easy Way to Learn

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 for 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.

Sommario

Chapter 1 Getting Ready to Create Websites
 
Grasp How the Web Works 4
 
Understanding HTML, CSS, and Responsive Web Design 6
 
Understanding Static and Dynamic Web Pages 8
 
What Is a Responsive Website? 9
 
Understanding Tools for Creating Web Pages 10
 
Prepare to Create Your Website 12
 
Install Visual Studio Code 14
 
Meet and Configure Visual Studio Code 16
 
Install GIMP 20
 
Install the Major Browsers 22
 
Create a Folder Structure for Your Website 24
 
Chapter 2 Creating Your First Web Pages Study the Anatomy of a Web Page 28
 
Tell Visual Studio Code Which Folder to Use 30
 
Create Your First Web Page 32
 
Open the Web Page in a Browser 34
 
Add Headings and Text 36
 
Nest One Element Within Another Element 38
 
Add Comments 39
 
Apply Direct Formatting 40
 
View a Page's Source Code 41
 
Validate a Web Page 42
 
Create Another Web Page 44
 
Understanding the Essentials of Hyperlinks 45
 
Create a Hyperlink Between Your Web Pages 46
 
Interpret HTTP Status Codes 48
 
Chapter 3 Structuring a Web Page Meet the Elements for Structuring Web Pages 52
 
Select Items with span and div Elements 54
 
Create header Elements and footer Elements 56
 
Add article Elements to a Page 58
 
Create Pull Quotes with the aside Element 60
 
Divide a Page Using section Elements 62
 
Create Collapsible Sections 64
 
Chapter 4 Including Images Grasp the Essentials of Web Image Formats 68
 
Launch GIMP and Perform Essential Moves 70
 
Rotate or Straighten an Image 74
 
Crop an Image 76
 
Resize an Image 78
 
Reduce the Number of Colors in an Image 80
 
Convert an Image to the Format You Need 82
 
Learn the HTML for Images 84
 
Insert an Image 86
 
Create a Figure with a Caption 88
 
Chapter 5 Working with Links Grasp the Essentials of Links 92
 
Create a Link to a Web Page 94
 
Create a Link to Elsewhere on the Same Web Page 96
 
Specify the ScreenTip for a Link 98
 
Redirect the Browser to a Different Page 99
 
Create a Link for Downloading a File 100
 
Create a Link That Starts an Email Message 101
 
Create a Link from an Image 102
 
Create Multiple Links from an Image 104
 
Include an Audio File in a Web Page 108
 
Include a Video File in a Web Page 110
 
Embed a YouTube Video in a Web Page 112
 
Chapter 6 Creating Lists and Tables Grasp the Different Types of Lists 116
 
Create a Numbered List 118
 
Create a Bulleted List 120
 
Create a Definition List 122
 
Nest One List Inside Another List 124
 
Learn the HTML for Tables 126
 
Create a Table 128
 
Add Rows or Columns to a Table 130
 
Specify Table Width and Column Width 132
 
Format Table Borders 134
 
Adjust Table Padding and Spacing 136
 
Create Groups of Columns 138
 
Align Tables, Rows, and Cells 140
 
Create Cells That Span Rows or Columns 142
 
Set a Background Color or Image for a Table 143
 
Nest One Table Inside Another Table 144
 
Chapter 7 Getting Started with CSS Grasp How CSS Works 148
 
Format Elements with Inline CSS 150
 
Format a Page Using Internal CSS 152
 
Create an External CSS File 154
 
Link an External CSS File to a Web Page 156
 
Distinguish Element, Class, and ID Selectors 158
 
Apply Styles Using Element Selectors 159
 <

Riassunto

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 for 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.

Dettagli sul prodotto

• Autori: Hart-davis, Guy Hart-Davis, Hart-Davis Guy
• Editore: Wiley, John and Sons Ltd
• Lingue: Inglese
• Formato: Tascabile
• Pubblicazione: 30.06.2023
• EAN: 9781394160686
• ISBN: 978-1-394-16068-6
• Pagine: 320
• Serie: Teach Yourself VISUALLY (Tech)
• Categorie: Scienze naturali, medicina, informatica, tecnica > Informatica, EDP > Comunicazione dati, reti; Informatik, html, computer science, Web-Entwicklung / HTML, Web Site Development / HTML