CodeOne/Diary/HTMLStructure.html at main · Ive24/CodeOne · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Structure</title>
</head>
<body>
    <h1>The structure of HTML files</h1>
    <p>In general an HTML document describes the structure and content of a web page.
        It can include text, images, links, and other elements. <br>
        An HTML element is defined by a start tag, some content and an end tag. <br>
        Some HTML elements have no content (like the br element).
        These elements are called empty elements. Empty elements do not have an end tag. <br>
        An HTML element can also have attributes, which are additional information about the element.
        Attributes are specified in the start tag and usually have a name and a value. <br>
        HTML documents are displayed in web browsers, which read the HTML code and render it according to the specified structure and style.
        Web browsers do not display the HTML tags, but use them to determine how to display the document. <br>
        If you open the website in the browser, the browser creates a document object model of the page.
    </p>
 <div>
    <h4>!DOCTYPE html</h4>
    <p>
        This declaration defines that this document is an html document.
        It's a required preamble to make sure the doc behaves correctly.
    </p>
</div>
<div>
    <h4>html</h4>
    <p>
        This is the root element of an html page. It wraps the content of the entire pages.
    </p>
</div>
<div>
    <h4>head</h4>
    <p>
        This element contains meta information about the HTML page.
        It incorporates all the stuff you want to include on the html page, but isn't the content the viewers gonna see.
    </p>
</div>
<div>
    <h4>title</h4>
    <p>
        This element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab).
    </p>
</div>
<div>
    <h4>body</h4>
    <p>
        This element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
    </p>
</div>
<div>
    <h4>h1</h4>
    <p>
        This element defines a large heading.
    </p>
</div>
<div>
    <h4>head</h4>
    <p>
        This element defines a paragraph.
    </p>
</div>
</body>
</html>