Comprehensive understanding of the basic structure of HTML-HTML Tutorial-php.cn

Comprehensive understanding of the basic structure of HTML

高洛峰

Release： 2017-02-11 14:49:56

Original

1399 people have browsed it

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>

Copy after login

HTML tags of standard web pages

1.HTML document declaration:

2. Page title: ~

3. Page encoding:

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

gb2312 is a simplified Chinese encoding

4. Page keywords ：

Main content of the page:

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>

Copy after login

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>

Copy after login

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!