HTML
HTML code is a programming language used in website building and website tem-
plates. 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, vari-
ous 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.
, HTML
The Ultimate Guide
,Contents
About the Author, xix
Acknowledgments, xx
CHAPTER 1 ■ Crash Course HTML 1
FRONTEND VS. BACKEND 1
MOSTLY USED FRONTEND TECHNOLOGY 2
How Does HTML Work as Frontend? 3
Next Is CSS 3
How CSS Work as Frontend Technology? 3
DOM: THE STRUCTURE OF WEBSITES 4
How DOM Works 4
Where DOM Came From 4
JavaScript 5
How JavaScript Works 5
Library and Framework 5
JavaScript AS BACKEND 5
WHAT IS A MARKUP LANGUAGE? 6
HTML – HYPERTEXT MARKUP LANGUAGE 6
HTML INTRODUCTION 7
HISTORY 8
HTML FUTURE 10
HTML VERSIONS 10
DIFFERENT VERSIONS OF HTML 11
MARKUP IN HTML 13
vii
, viii ■ Contents
BASIC HTML CONCEPTS 14
Structure of an HTML Document 14
HTML DOCUMENT TYPE 16
HTML TAGS 17
Paired Tag 18
Unpaired Tags 19
Heading Tags (H1 Tag to H6 Tag) 21
HTML p Tag – Paragraph Tag 22
HTML Tag – Anchor Tag 22
HTML img Tag – Image Tag 22
Self-Closing Tags 23
Utility-Based Tags 23
Structure Tags 24
The <header> tag 24
The <nav> tag 27
The <main> tag 30
<section> tag 33
<article> tag 35
<aside> tag 38
<footer> tag 41
<figure> tag 43
<figcaption> tag 46
Control Tags 48
HTML Tag List 48
WHAT IS AN HTML EDITOR? 51
HTML COMMENTS 52
TYPES OF HTML COMMENTS 53
HTML TAG VS. ELEMENT 55
Tag 55
Element 57
Key Points 58
TYPES OF ELEMENTS 58
TYPES OF HTML ELEMENTS 59
HTML ELEMENT SYNTAX 59
HTML code is a programming language used in website building and website tem-
plates. 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, vari-
ous 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.
, HTML
The Ultimate Guide
,Contents
About the Author, xix
Acknowledgments, xx
CHAPTER 1 ■ Crash Course HTML 1
FRONTEND VS. BACKEND 1
MOSTLY USED FRONTEND TECHNOLOGY 2
How Does HTML Work as Frontend? 3
Next Is CSS 3
How CSS Work as Frontend Technology? 3
DOM: THE STRUCTURE OF WEBSITES 4
How DOM Works 4
Where DOM Came From 4
JavaScript 5
How JavaScript Works 5
Library and Framework 5
JavaScript AS BACKEND 5
WHAT IS A MARKUP LANGUAGE? 6
HTML – HYPERTEXT MARKUP LANGUAGE 6
HTML INTRODUCTION 7
HISTORY 8
HTML FUTURE 10
HTML VERSIONS 10
DIFFERENT VERSIONS OF HTML 11
MARKUP IN HTML 13
vii
, viii ■ Contents
BASIC HTML CONCEPTS 14
Structure of an HTML Document 14
HTML DOCUMENT TYPE 16
HTML TAGS 17
Paired Tag 18
Unpaired Tags 19
Heading Tags (H1 Tag to H6 Tag) 21
HTML p Tag – Paragraph Tag 22
HTML Tag – Anchor Tag 22
HTML img Tag – Image Tag 22
Self-Closing Tags 23
Utility-Based Tags 23
Structure Tags 24
The <header> tag 24
The <nav> tag 27
The <main> tag 30
<section> tag 33
<article> tag 35
<aside> tag 38
<footer> tag 41
<figure> tag 43
<figcaption> tag 46
Control Tags 48
HTML Tag List 48
WHAT IS AN HTML EDITOR? 51
HTML COMMENTS 52
TYPES OF HTML COMMENTS 53
HTML TAG VS. ELEMENT 55
Tag 55
Element 57
Key Points 58
TYPES OF ELEMENTS 58
TYPES OF HTML ELEMENTS 59
HTML ELEMENT SYNTAX 59
