# HTTP

HTML stands for Hyper Text Markup Language.

HTML is the standard markup language for Web pages.

HTML elements are the building blocks of HTML pages

HTML elements are represented by <> tags

defined by www.w3schools.com (opens new window)

# DOM (Document Object Model)

WARNING

Please prepare one folder for this Workshop

# project structure

+-- index.html

index.html

<html>
    <head>
        <title>Project1</title>
    </head>
    <body>
        <h1>HelloWorld</h1>
    </body>
</html>

1
2
3
4
5
6
7
8

index.html

<html>
    <head>
        <title>Project1</title>
    </head>
    <body>
        <h1>HelloWorld</h1>
    </body>
</html>

1
2
3
4
5
6
7
8

# H1-H6 Tags

Preview Full HTML

index.html

<html>
    <head>
        <title>Project1</title>
    </head>
    <body>
        <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>
    </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Workshop

# Simple Profile

Preview Full HTML

WARNING

Please prepare one folder for this Workshop

# project structure

+-- index.html

index.html

<html>

<head>
    <title>Simple Profile</title>
</head>

<body>

    <div>
        <h1>Hello My Name is Raknatee </h1>
        <p>Nice to meet you</p>
        <p>:D</p>

        <a href="https://www.facebook.com/raknatee.chokluechai?ref=bookmarks">
                This is my Facebook
        </a>

        <img src="profile.jpg" style="width: 100px">
        <br>
        <img src="https://images.unsplash.com/photo-1562874724-b33411b38141?ixlib=rb-1.2.1&auto=format&fit=crop&w=2801&q=80" style="width: 100px">



    </div>

</body>

</html>

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