Home > Article > Web Front-end > Comprehensive understanding of the basic structure of HTML

Comprehensive understanding of the basic structure of HTML

高洛峰Original: 2017-02-11 14:49:561353browse

HTML Introduction

HyperText Markup Language: Hypertext Markup Language

HyperText: Hypertext (text + image + video + audio + link)

Markup Language: markup Language

Three major elements of the website

Pictures, hyperlinks, text

HTML basic structure

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>

HTML tags of standard web pages

1.HTML document declaration: fef50554eca1a427827adaa329da8122

2. Page title: b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f

3. Page encoding: 9eb7f0676c6b164d9cd2d3b69d5c092c

utf-8 is a multi-language encoding (recommended)

gb2312 is a simplified Chinese encoding

4. Page keywords ：08f94a9d3cdf4d050431ec987f8c9a31

Main content of the page: 4e5804bf5633e9c86a9b49e2a3ea90b4

Note: The meta tag is an auxiliary tag in the HTML language. It is usually used to optimize search engines. It is located at the head of the HTML document.

Generate the initial structure of the HTML document

1. The standard structure of HTML5: html:5+Tab key or !+Tab key

The generated result is as follows

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

2. Transitional structure of HTML4: html:xt+Tab key

The generated result is as follows

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
<head>  
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

Notes on HTML tags:

• HTML elements consist of a start tag and an end tag Label composition.

• The text located in the opening and closing tags is the content of the element.

• HTML tags must have a beginning and an end. If it is a tag with no content (empty tag), use /> to end it.

• Tag names are not case-sensitive, but in XHTML tag names must be lowercase.

• Tags have attributes, which are used to represent the nature and characteristics of the tag. Attributes are specified in the opening tag.

The above comprehensive understanding of the basic structure of HTML is all the content shared by the editor. I hope it can give you a reference, and I also hope that everyone will support the PHP Chinese website.

For more relevant articles about the basic structure of HTML, please pay attention to the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：A brief discussion on the benefits of semantic HTML structureNext article：A brief discussion on the benefits of semantic HTML structure

See more

Comprehensive understanding of the basic structure of HTML

Related articles