HTML : The Ultimate Guide

HTML code is a programming language used in website building and website templates. It is used to format the look and format of a web page, to set design features such as basic layout, colors, and fonts. HTML: The Ultimate Guide provides a crash course in HTML, its history, key features, different versions available, various tags and elements, as well as the advantages and disadvantages. This book also covers the fundamental concepts of CSS and JavaScript and guides the reader through creating websites and games with it. As the reader progresses through the lessons, they will learn how to insert JavaScript commands directly into the HTML document, and how the script executes when viewed in browser. This is a valuable resource for anyone who wants to create a website or any 2d and 3d game in HTML. After finishing this book, readers will be able to quickly build their website or game with absolute ease. This book is organized as follows Discusses code optimization in HTML code, Web Scripting and Security ideas in HTML. Introduces the HTML for Game Development, benefits and types of games (2d and 3d). Includes a Cheat Sheet of HTML where you will get all key terms and useful information that is easy to access. Cover Half Title Title Page Copyright Page Dedication Contents About the Author Acknowledgments CHAPTER 1: Crash Course HTML FRONTEND VS. BACKEND MOSTLY USED FRONTEND TECHNOLOGY How Does HTML Work as Frontend? Next Is CSS How CSS Work as Frontend Technology? DOM: THE STRUCTURE OF WEBSITES How DOM Works Where DOM Came From JavaScript How JavaScript Works Library and Framework JavaScript AS BACKEND WHAT IS A MARKUP LANGUAGE? HTML – HYPERTEXT MARKUP LANGUAGE HTML INTRODUCTION HISTORY HTML FUTURE HTML VERSIONS DIFFERENT VERSIONS OF HTML MARKUP IN HTML BASIC HTML CONCEPTS Structure of an HTML Document HTML DOCUMENT TYPE HTML TAGS Paired Tag Unpaired Tags Heading Tags (H1 Tag to H6 Tag) HTML p Tag – Paragraph Tag HTML Tag – Anchor Tag HTML img Tag – Image Tag Self-Closing Tags Utility-Based Tags Structure Tags The tag The tag The tag tag tag tag tag tag tag Control Tags HTML Tag List WHAT IS AN HTML EDITOR? HTML COMMENTS TYPES OF HTML COMMENTS HTML TAG VS. ELEMENT Tag Element Key Points TYPES OF ELEMENTS TYPES OF HTML ELEMENTS HTML ELEMENT SYNTAX EMPTY HTML ELEMENTS NESTING HTML ELEMENTS CASE INSENSITIVITY IN TAGS HTML ATTRIBUTES Empty Attribute Syntax Unquoted Value Syntax GENERAL ATTRIBUTES The id Attribute The class Attribute The title Attribute The style Attribute ANATOMY OF AN HTML ELEMENT SEMANTICS OF EMBEDDED TEXT TABLES OTHER INTERACTIVE ELEMENTS HTML CHARACTER ESCAPE Lower Case Alphabets TEXT FORMATTING TAGS HTML PHRASE TAG HTML FORMS BASIC STRUCTURE OF FORMS HTML – TEXT LINKS HTML IMAGES HTML iFRAMES HTML – EMBED MULTIMEDIA Embedded Multimedia The Tag The Tag HTML Tag HTML MARQUEE Usage ATTRIBUTES IN TAG HTML Properties BENEFITS CHAPTER SUMMARY NOTES CHAPTER 2: HTML Basic Usage INTRODUCTION LEARNING WEB SCRIPTING BASICS SCRIPTING LANGUAGES VS. PROGRAMMING LANGUAGES SCRIPTING LANGUAGES WHY DO WE NEED SCRIPTING LANGUAGES? SCRIPT WEB SCRIPTS AND THEIR TYPES TYPES OF SCRIPTS Server-side Scripts DYNAMIC ELEMENTS Features in Dynamic HTML AN OBJECT-ORIENTED VIEW STYLESHEETS AND LAYERING CORRELATION WITH CSS AND JS How Does HTML Work? CSS Stylesheet Adding Styles Using CSS Inline Styles Embedded Stylesheets External Styles Importing External Stylesheets CSS COMMENTS CSS SELECTORS Universal Selector Element Type Selectors ID Selector Class Selectors Descendant Selectors Child Selectors Adjacent Sibling Selectors Standard Sibling Selectors Grouping Selectors JAVASCRIPT Adding JavaScript to HTML Documents DOM ACCESS TO DOM BASIC DATA TYPES DOM INTERFACES CORE INTERFACES CHAPTER SUMMARY NOTES CHAPTER 3: Code Optimization INTRODUCTION Clean Up the HTML Document Combining Files Correct CSS Placement Correcting JavaScript Placement Limiting External HTTP Requests CDN Factor File Compression Code Minification Image Enhancement Division into Small Components Analysis of the Frontend Code HTTP2 to Help Frontend Developers Enable Preloading PRELOAD AND PREFETCH IN HTML Understanding Renders Blocking Preload Resources Preload JavaScript Compress Files (gzip Compression) Highlight of Brotli Optimize Your Images LOSSY VS. LOSSLESS COMPRESSION Lossy Compression Lossless Compression Use a Minimalist Framework Create Picture Sprites Apply Lazy Load Insert JavaScript at the Bottom of the Page Include Styles Dynamically Use CSS Animations Instead of JavaScript Minify CSS, JavaScript, and HTML WRITING HTML IN CODE Declare DOCTYPE Use Meaningful Title Tags and Other Tags Use the Right Document Structure DOCTYPE HTML Document Template Use Lowercase Letters Reduce the Number of Elements on the Page Validate Frequently Always Place the External Stylesheets in the Tag Use Div Elements to Divide Your Layout into Main Sections Minify, Unify, and Shift JavaScript Use Heading Elements Wisely Use the Right HTML Element in the Right Place Don’t Use divs for Everything Use an Unordered List ( ) for Navigation Use Alternate Attributes with Images Avoid Excessive Comments Choose a Great Code Editor Start Using the New HTML5 Tags One h1 Per Page Stop Supporting IE Always Specify the Button Type Using Title Attributes with Links (If Needed) BEST CODING PRACTICES SECURITY AND HARDENING IDEAS (HTML SECURITY) SECURITY METHODS OF COMMUNICATION IN HTML Communication Event Model (XHR) Web Sockets Server-Sent Events Web Workers Web Messaging Web Messaging Events Sending a Message across Documents HTML5 Channel Messages Cross-Origin Resource Sharing (CORS) Sandboxing Flags CHAPTER SUMMARY NOTES CHAPTER 4: HTML for Game Development BUILDING BLOCKSE Tags Elements Attributes HTML5 GAME FUNDAMENTALS DEFINING GOALS FOR GAME DEVELOPMENT User Interaction Processing Server Side in an HTML5 Game Graphics and Sprite Sheets HTML5 Game Frameworks Amazing Facts about HTML5 Game Development Multi-Platform Unique Distribution Cleaner Code Geolocation API Makes Promotion Easier Game Development Frameworks and Game Engines Phasers PlayCanvas WebGL Game Engine New HTML5 Features Principles of HTML5 Game Design Common Patterns HTML Canvas Graphics Before the Start Basic Use of Canvas About the Tag Rendering Context Drawing Shapes with Canvas Canvas Coordinates Draw a Circle HTML Canvas Gradients Benefits of Using Canvas Drawing Text on Canvas CHAPTER SUMMARY NOTES CHAPTER 5: CHEAT SHEET POPULARITY HTML CHEAT SHEET HTML DOCUMENT SUMMARY HTML DOCUMENT INFORMATION HTML DOCUMENT STRUCTURE TAGS TEXT FORMATTING AND INLINE TEXT SEMANTICS ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... HTML LINKS SETTING TARGETS FOR LINKS ... ... ... ... ... ... HTML LISTS HTML FORMS ... ... ... ... ... ... FORM ATTRIBUTES EVENTS LIST KEYBOARD ATTRIBUTES EVENTS LIST MOUSE ATTRIBUTES EVENTS LIST DRAG ATTRIBUTES EVENTS LIST WINDOW ATTRIBUTES EVENTS LIST MEDIA ATTRIBUTES EVENTS LIST HTML TABLES ... ... ... ... ... ... ... ... ... HTML MULTIMEDIA HTML CHARACTERS AND SYMBOLS HTML CHARACTER ENTITIES COPYRIGHT, TRADEMARK, AND REGISTERED SYMBOL PUNCTUATION SYMBOL ARROWS SYMBOL MATHEMATICAL SYMBOLS OTHER SYMBOL CURRENCY SYMBOLS HTML ATTRIBUTES NEW HTML TAGS NOTES APPRAISAL INDEX HTML code is a programming language used in website building and website templates. It is used to format the look and format of a web page, to set design features such as basic layout, colors, and fonts. HTML: The Ultimate Guide provides a crash course in HTML, its history, key features, different versions available, various tags and elements, as well as the advantages and disadvantages. This book also covers the fundamental concepts of CSS and JavaScript and guides the reader through creating websites and games with these tools. As the reader progresses through the lessons, they will learn how to insert JavaScript commands directly into the HTML document, and how the script executes when viewed in browser. This is a valuable resource for anyone who wants to create a website or any 2D or 3D game in HTML. After finishing this book, readers will be able to quickly build their website or game with absolute ease. This book: Discusses code optimization in HTML code, Web Scripting and Security ideas in HTML. Introduces HTML for Game Development, benefits and types of games (2D and 3D). Includes a Cheat Sheet of HTML where you will get all key terms and useful information that is easy to access. HTML code is a programming language used in website building and website templates. It is used to format the look and format of a web page, to set design features such as basic layout, colors, and fonts. HTML: The Ultimate Guide provides a crash course in HTML, its history, key features, different versions available, various tags and elements, as well as the advantages and disadvantages. This book also covers the fundamental concepts of CSS and JavaScript and guides the reader through creating websites and games with it. As the reader progresses through the lessons, they will learn how to insert JavaScript commands directly into the HTML document, and how the script executes when viewed in browser. This is a valuable resource for anyone who wants to create a website or any 2d and 3d game in HTML. After finishing this book, readers will be able to quickly build their website or game with absolute ease. HTML;,Website,creation;,Coding;,Programming HTML,Website creation,Coding,Programming "The book is a detailed guide that will help developers and coders do more with HTML. It talks about the basics in brief, and then moves on to more advanced and detailed exercises to help readers quickly gain the required knowledge. The focus in this book remains on writing optimized and well-structured code in HTML"-- Provided by publisher HTML code is a programming language used in website building and website templates. It is used to format the look of a web page, to set design features such as basic layout, colors, and fonts.This book provides a crash course in HTML, its history, key features, various tags and elements, as well as the advantages and disadvantages.