Reprinted from: https://baijiahao.baidu.com/s?id=1611389749985993229&wfr=spider&for=pc
Web page design dates back to the last century the initial stage, designers are marked to complete the production of web pages through HTML language page. For example, to put a period to be in a line of text, it marked a text, a column to put a picture, do a picture markings. Then use the editing tools are a class of notebook applications, in which the respective marks and written content, and then save the file to Notepad file as a .html extension, just finished a web page.
The original method of making web pages
With the continuous development of technology, the emergence of this type of Dreamweaver web editor, can achieve the effect of WYSIWYG web page. But when we open the DW working interface, you will still find a window is part of the HTML code:
DW code editing interface
The practice, does have a lot of effect needs the power to implement the code. So today'll tell you about the basic structure of the HTML page, writing for the future, modify the code to make a foundation.
HTML (Hypertext Markup Language), Chinese meant to HTML. Which, Hypertext refers to the page in a variety of content, including text, images, audio, video, hyperlinks, and so on; Markup that is marked; Language that is language.
Most of the HTML tags come in pairs, such as "<div> </ div>", there is a single individual mark form, for example, "<br />". As shown in the basic configuration of FIG code of an HTML page:
The basic structure of the HTML
1, <! Doctype html> document type declaration
document type doctype is the acronym used to tell the browser what kind of HTML or XHTML specification to parse the page. It exists in the first line of the page, not case-sensitive. In HTML4, this part will be written as:
Previous HTML5 doctype
Which DTD specifies the syntax of the page using a common language labels. In HTML4, you must specify the DTD. But in HTML5 (as used herein version HTML5), follow the principle of "there is reasonable", the requirements of the rules more relaxed, so this part can be directly abbreviated as:
In HTML5 doctype
2、<html></html>
Between <html> </ html> tag is an HTML page in the top-level Tags All tags of a page one and only one of the labels, tags and content of all pages must be placed <html> </ html> tags .
3, <head> </ head> header information
<Head> </ head> tag identifies the head region of the HTML content between <head> and </ head> content belong to the head region, including the number of page-related information, such as the page title, character set, the page description and other information, may further include a script code or the like. The information content is not displayed directly on the page, but the first to be loaded when the page is opened, the load after the results of the role of running on the web.
Metadata <meta> tag is used to define a document, using the form "name = value". It is generally used to describe the characteristics of the current page, for example, document character set, i.e., the figure above charset = "utf-8". Where the "utf-8" refers to a character set name, called "Unicode", is a translation of the official languages of the world, with it, we can write Chinese, English, Korean and other languages HTML content on the page. "Utf-8" as the default character set, which makes the page almost all regions of the world can be displayed properly. (In HTML4, this part will be written as <meta http-equiv = "content-type" content = "text / html"; charset = "uft-8">).
<Title> </ title> is used to specify the document's title page, for example: <title> Welcome to my website </ title>. When the preview page, the title will be displayed in the title bar of the page, and on the Taskbar (the following books). <Title> </ title> role, first set the page title, the second is used to retrieve a search engine. Therefore, the title set is reasonable is very important.
4, <body> </ body> Page body portion
<Body> </ body> is where to place the page content, all content to be displayed in the browser window needs to be placed between the <body> </ body> tag right. E.g:
5, the properties of the label
Corresponding to the figure, if the label attributes, the format:
Format label
6, nesting relationship label: label to be nested in pairs, not cross nested, as shown below:
Tags nested relationship
These are the basic HTML structure and description, if the article does not make clear the place, welcome message exchange ^ _ ^