HTML/HTML Notes.txt at main · zynoradev/HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
1. What is HTML?

HTML stands for HyperText Markup Language.
It is the basic language used to create web pages.
HTML = The foundation (structure) of a website
2. Why do we use HTML?

HTML is used to:

1-Create the structure of a webpage

2-Display text

3-Add images

4-Create links and buttons

5-Build forms

6-Arrange content on a website
3. HTML is NOT a Programming Language

HTML does not create logic.
It only creates the structure of the webpage.

That’s why it is called a Markup Language, not a programming language.
Every HTML file starts like this:
<!DOCTYPE html>
<html>
<head>
    <title>My First Page</title>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>
<!DOCTYPE html> → Tells the browser this is an HTML5 file

<html> → Main container of the webpage

<head> → Contains page information (not visible)

<body> → Contains the visible content of the webpage
5. How does HTML work?

You create an HTML file (index.html).

The browser reads it.

The browser displays the webpage based on HTML tags.
6. What are HTML Tags?

Tags are the building blocks of an HTML page.
1--Heading Tags (<h1> to <h6>)
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>

<h1> = largest
<h6> = smallest


2--Paragraph Tag (<p>)
<p>This is a paragraph.</p>

3--Bold Text (<b>)
<b>This text is bold.</b>

4--Italic Text (<i>)
<i>This text is italic.</i>

5--Underline Text (<u>)
<u>This text is underlined.</u>

6--Deleted / Strikethrough Text (<del>)
<del>This text is deleted (crossed out).</del>

7--Marked / Highlighted Text (<mark>)
<mark>This text is highlighted.</mark>

8--Superscript Tag (<sup>)
x<sup>2</sup>

9--Subscript Tag (<sub>)
H<sub>2</sub>O

10--Font
<font color="red" size="5" face="Arial">This is old font tag.</font>