{"product_id":"teach-yourself-visually-html-and-css-isbn-9781394160686","title":"Teach Yourself VISUALLY HTML and CSS","description":"\u003cp\u003e\u003cb\u003eLevel-up your HTML and CSS web development skills with this dynamic, visual guide\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003ci\u003eTeach Yourself VISUALLY HTML and CSS\u003c\/i\u003e is the perfect resource for those of you who prefer to learn visually and would rather be \u003ci\u003eshown\u003c\/i\u003e 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. \u003c\/p\u003e\u003cp\u003eYou'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: \u003c\/p\u003e\u003cul\u003e \u003cli\u003eCreate websites that look great in 2023 and beyond with classic HTML and skills and the most modern tips and tricks for contemporary web coding\u003c\/li\u003e \u003cli\u003eOptimize your websites for performance and speed, ensuring every visitor gets the best possible experience\u003c\/li\u003e \u003cli\u003eAdd modern elements to your code, including \u003caudio\u003e, \u003cvideo\u003e, \u003carticle\u003e, and \u003csection\u003e, and make your code accessible to as many people as possible\u003c\/section\u003e\u003c\/article\u003e\u003c\/video\u003e\u003c\/audio\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003e\u003ci\u003eTeach Yourself VISUALLY HTML and CSS\u003c\/i\u003e 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. \u003c\/p\u003e\u003cp\u003e\u003cb\u003eChapter 1 Getting Ready to Create Websites\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eGrasp How the Web Works 4\u003c\/p\u003e \u003cp\u003eUnderstanding HTML, CSS, and Responsive Web Design 6\u003c\/p\u003e \u003cp\u003eUnderstanding Static and Dynamic Web Pages 8\u003c\/p\u003e \u003cp\u003eWhat Is a Responsive Website? 9\u003c\/p\u003e \u003cp\u003eUnderstanding Tools for Creating Web Pages 10\u003c\/p\u003e \u003cp\u003ePrepare to Create Your Website 12\u003c\/p\u003e \u003cp\u003eInstall Visual Studio Code 14\u003c\/p\u003e \u003cp\u003eMeet and Configure Visual Studio Code 16\u003c\/p\u003e \u003cp\u003eInstall GIMP 20\u003c\/p\u003e \u003cp\u003eInstall the Major Browsers 22\u003c\/p\u003e \u003cp\u003eCreate a Folder Structure for Your Website 24\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 2 Creating Your First Web Pages Study the Anatomy of a Web Page 28\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eTell Visual Studio Code Which Folder to Use 30\u003c\/p\u003e \u003cp\u003eCreate Your First Web Page 32\u003c\/p\u003e \u003cp\u003eOpen the Web Page in a Browser 34\u003c\/p\u003e \u003cp\u003eAdd Headings and Text 36\u003c\/p\u003e \u003cp\u003eNest One Element Within Another Element 38\u003c\/p\u003e \u003cp\u003eAdd Comments 39\u003c\/p\u003e \u003cp\u003eApply Direct Formatting 40\u003c\/p\u003e \u003cp\u003eView a Page’s Source Code 41\u003c\/p\u003e \u003cp\u003eValidate a Web Page 42\u003c\/p\u003e \u003cp\u003eCreate Another Web Page 44\u003c\/p\u003e \u003cp\u003eUnderstanding the Essentials of Hyperlinks 45\u003c\/p\u003e \u003cp\u003eCreate a Hyperlink Between Your Web Pages 46\u003c\/p\u003e \u003cp\u003eInterpret HTTP Status Codes 48\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 3 Structuring a Web Page Meet the Elements for Structuring Web Pages 52\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eSelect Items with span and div Elements 54\u003c\/p\u003e \u003cp\u003eCreate header Elements and footer Elements 56\u003c\/p\u003e \u003cp\u003eAdd article Elements to a Page 58\u003c\/p\u003e \u003cp\u003eCreate Pull Quotes with the aside Element 60\u003c\/p\u003e \u003cp\u003eDivide a Page Using section Elements 62\u003c\/p\u003e \u003cp\u003eCreate Collapsible Sections 64\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 4 Including Images Grasp the Essentials of Web Image Formats 68\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eLaunch GIMP and Perform Essential Moves 70\u003c\/p\u003e \u003cp\u003eRotate or Straighten an Image 74\u003c\/p\u003e \u003cp\u003eCrop an Image 76\u003c\/p\u003e \u003cp\u003eResize an Image 78\u003c\/p\u003e \u003cp\u003eReduce the Number of Colors in an Image 80\u003c\/p\u003e \u003cp\u003eConvert an Image to the Format You Need 82\u003c\/p\u003e \u003cp\u003eLearn the HTML for Images 84\u003c\/p\u003e \u003cp\u003eInsert an Image 86\u003c\/p\u003e \u003cp\u003eCreate a Figure with a Caption 88\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 5 Working with Links Grasp the Essentials of Links 92\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eCreate a Link to a Web Page 94\u003c\/p\u003e \u003cp\u003eCreate a Link to Elsewhere on the Same Web Page 96\u003c\/p\u003e \u003cp\u003eSpecify the ScreenTip for a Link 98\u003c\/p\u003e \u003cp\u003eRedirect the Browser to a Different Page 99\u003c\/p\u003e \u003cp\u003eCreate a Link for Downloading a File 100\u003c\/p\u003e \u003cp\u003eCreate a Link That Starts an Email Message 101\u003c\/p\u003e \u003cp\u003eCreate a Link from an Image 102\u003c\/p\u003e \u003cp\u003eCreate Multiple Links from an Image 104\u003c\/p\u003e \u003cp\u003eInclude an Audio File in a Web Page 108\u003c\/p\u003e \u003cp\u003eInclude a Video File in a Web Page 110\u003c\/p\u003e \u003cp\u003eEmbed a YouTube Video in a Web Page 112\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 6 Creating Lists and Tables Grasp the Different Types of Lists 116\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eCreate a Numbered List 118\u003c\/p\u003e \u003cp\u003eCreate a Bulleted List 120\u003c\/p\u003e \u003cp\u003eCreate a Definition List 122\u003c\/p\u003e \u003cp\u003eNest One List Inside Another List 124\u003c\/p\u003e \u003cp\u003eLearn the HTML for Tables 126\u003c\/p\u003e \u003cp\u003eCreate a Table 128\u003c\/p\u003e \u003cp\u003eAdd Rows or Columns to a Table 130\u003c\/p\u003e \u003cp\u003eSpecify Table Width and Column Width 132\u003c\/p\u003e \u003cp\u003eFormat Table Borders 134\u003c\/p\u003e \u003cp\u003eAdjust Table Padding and Spacing 136\u003c\/p\u003e \u003cp\u003eCreate Groups of Columns 138\u003c\/p\u003e \u003cp\u003eAlign Tables, Rows, and Cells 140\u003c\/p\u003e \u003cp\u003eCreate Cells That Span Rows or Columns 142\u003c\/p\u003e \u003cp\u003eSet a Background Color or Image for a Table 143\u003c\/p\u003e \u003cp\u003eNest One Table Inside Another Table 144\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 7 Getting Started with CSS Grasp How CSS Works 148\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eFormat Elements with Inline CSS 150\u003c\/p\u003e \u003cp\u003eFormat a Page Using Internal CSS 152\u003c\/p\u003e \u003cp\u003eCreate an External CSS File 154\u003c\/p\u003e \u003cp\u003eLink an External CSS File to a Web Page 156\u003c\/p\u003e \u003cp\u003eDistinguish Element, Class, and ID Selectors 158\u003c\/p\u003e \u003cp\u003eApply Styles Using Element Selectors 159\u003c\/p\u003e \u003cp\u003eApply Styles Using Class Selectors 160\u003c\/p\u003e \u003cp\u003eApply Styles Using ID Selectors 162\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 8 Formatting Text with CSS Understanding Fonts and How to Use Them 166\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eSpecify the Font Family 168\u003c\/p\u003e \u003cp\u003eSet the Font Size and Font Weight 170\u003c\/p\u003e \u003cp\u003eAdjust Line Height and Letter Spacing 172\u003c\/p\u003e \u003cp\u003eCreate Superscripts and Subscripts 174\u003c\/p\u003e \u003cp\u003eUnderstanding Ways to Set Color in CSS 176\u003c\/p\u003e \u003cp\u003eSet Font Color 177\u003c\/p\u003e \u003cp\u003eApply Text Shadows 178\u003c\/p\u003e \u003cp\u003eDisplay Monospaced Font 179\u003c\/p\u003e \u003cp\u003eApply Text Decoration 180\u003c\/p\u003e \u003cp\u003eUnderstanding HTML Entities 182\u003c\/p\u003e \u003cp\u003eInsert Special Characters with HTML Entities 184\u003c\/p\u003e \u003cp\u003eInsert Emojis 185\u003c\/p\u003e \u003cp\u003eUsing Custom Fonts on Web Pages 186\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 9 Sizing and Positioning with CSS Understanding Pseudo-Classes 190\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eApply Contextual Formatting with Pseudo-Classes 192\u003c\/p\u003e \u003cp\u003eUnderstanding CSS Combinators 194\u003c\/p\u003e \u003cp\u003eTarget Elements Using CSS Combinators 196\u003c\/p\u003e \u003cp\u003eUnderstanding Pseudo-Elements 198\u003c\/p\u003e \u003cp\u003eApply CSS to Pseudo-Elements 200\u003c\/p\u003e \u003cp\u003eOverride CSS by Using the ! important Declaration 202\u003c\/p\u003e \u003cp\u003eUnderstanding the CSS Box Model 204\u003c\/p\u003e \u003cp\u003eUnderstanding Ways of Sizing Elements 206\u003c\/p\u003e \u003cp\u003eSpecify the Size for an Element 208\u003c\/p\u003e \u003cp\u003eSpecify Padding and Borders for an Element 210\u003c\/p\u003e \u003cp\u003eSet Margins to Control Element Spacing 212\u003c\/p\u003e \u003cp\u003eUnderstanding CSS Positioning Essentials 214\u003c\/p\u003e \u003cp\u003eCreate Block Quotes 216\u003c\/p\u003e \u003cp\u003eFix an Element in Place in the Viewport 218\u003c\/p\u003e \u003cp\u003eFloat an Element Beside Another Element 220\u003c\/p\u003e \u003cp\u003eUnderstanding the display Property 222\u003c\/p\u003e \u003cp\u003eControl the Display of an Element 223\u003c\/p\u003e \u003cp\u003eCreate a Flexbox Layout 224\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 10 Creating Responsive and Appealing Pages Understanding the Tools for Creating Responsive Pages 228\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eApply Relative Sizing 230\u003c\/p\u003e \u003cp\u003eAdd Media Queries to a Page 232\u003c\/p\u003e \u003cp\u003eSet Tap Targets for Touch Screens 234\u003c\/p\u003e \u003cp\u003eSet the Viewport Size 236\u003c\/p\u003e \u003cp\u003eCheck Your Pages on Various Devices and Screens 238\u003c\/p\u003e \u003cp\u003eUnderstanding How CSS Gradients Work 240\u003c\/p\u003e \u003cp\u003eApply a Linear Gradient to an Element 242\u003c\/p\u003e \u003cp\u003eApply a Radial Gradient to an Element 244\u003c\/p\u003e \u003cp\u003eUsing Sprites 246\u003c\/p\u003e \u003cp\u003eUnderstanding CSS Animations 248\u003c\/p\u003e \u003cp\u003eApply Transitions to HTML Elements 250\u003c\/p\u003e \u003cp\u003eCreate a Keyframe Animation 252\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 11 Creating Forms Grasp Web Form Essentials 256\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eCreate a Form 258\u003c\/p\u003e \u003cp\u003eAdd Text Input Controls to a Form 260\u003c\/p\u003e \u003cp\u003eAdd Radio Buttons to a Form 262\u003c\/p\u003e \u003cp\u003eAdd Check Boxes to a Form 264\u003c\/p\u003e \u003cp\u003eAdd a Drop-Down List of Options to a Form 266\u003c\/p\u003e \u003cp\u003eAdd Command Buttons to a Form 268\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter 12 Taking Your Website to the Next Level Understanding How Search Engines Work 272\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eOptimize Your Website for Search Engines 274\u003c\/p\u003e \u003cp\u003eGuide Search Spiders with a robots.txt File 276\u003c\/p\u003e \u003cp\u003eUnderstanding Accessibility Issues for Websites 278\u003c\/p\u003e \u003cp\u003eMeet Chrome’s Live Development Tools 280\u003c\/p\u003e \u003cp\u003eTroubleshoot CSS with Chrome DevTools 282\u003c\/p\u003e \u003cp\u003eUsing a Staging Server 288\u003c\/p\u003e \u003cp\u003eUnderstanding Front-End Frameworks 290\u003c\/p\u003e \u003cp\u003eIndex 292\u003c\/p\u003e  \u003cp\u003e\u003cb\u003e\u003ci\u003eTeach yourself\u003c\/i\u003e VISUALLY\u003csup\u003e™\u003c\/sup\u003e\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003eAre you a visual learner? Do you prefer instructions that \u003ci\u003eshow\u003c\/i\u003e you how to do something—and skip the long-winded explanations? If so, then this book is for you. Open it up and you’ll find clear, step-by-step screen shots and instructions that walk you through essential HTML and CSS tasks. Each task-based spread covers a single technique, sure to help you get up and running on HTML and CSS in no time. \u003c\/p\u003e\u003cp\u003e\u003cb\u003eYou’ll learn to: \u003cul\u003e\n\u003cli\u003eChoose and install coding tools\u003c\/li\u003e \u003cli\u003eBuild structured web pages\u003c\/li\u003e \u003cli\u003eAdd images, links, audio, and video\u003c\/li\u003e \u003cli\u003eApply formatting with CSS\u003c\/li\u003e \u003cli\u003eCreate responsive websites\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003cb\u003eDesigned for Visual learners \u003cul\u003e\n\u003cli\u003eTwo-page lessons break big topics into bite-sized modules\u003c\/li\u003e \u003cli\u003eSuccinct explanations walk you through step by step\u003c\/li\u003e \u003cli\u003eFull-color screen shots demonstrate each task\u003c\/li\u003e \u003cli\u003eHelpful sidebars offer practical tips and tricks\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/b\u003e\u003c\/p\u003e","brand":"Wiley","offers":[{"title":"Default Title","offer_id":47990134669541,"sku":"NP9781394160686","price":32.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1842\/7735\/files\/9781394160686.jpg?v=1761786636","url":"https:\/\/k12savings.com\/products\/teach-yourself-visually-html-and-css-isbn-9781394160686","provider":"K12savings","version":"1.0","type":"link"}