HTML concept
HTML is a language used to describe web pages
HTML refers to Hyper Text Markup Language: Hyper Text Markup Language
Features of HTML
a) Hypertext: Text that is more powerful than ordinary text can not only display text, but also display various media content (as shown in the figure)
b) Generally, front-end staff will do it, and back-end R&D staff do not need to write
c) Mark: (label/element/mark)
Tags are usually called HTML tags (HTML tags)
- HTML tags are keywords surrounded by angle brackets, such as <html>
- Enclosed type tags (also called double tags) , must appear in pairs, such as <p></p>
- The first tag in the tag pair is the start tag, and the second tag is the end tag
- Start and end tags are also called open tags and graduation tags
- Non-closed type tags (also called empty tags) or single tags, such as<br/>
Summary: When we learn HTML, we learn all kinds of tags, which can achieve more powerful functions than ordinary text. Then the subsequent browser can parse the html file, and then it can display the good-looking effect on the browser.
The role of HTML
Through the use of various HTML tags, and then generate an HTML file, this file can be parsed by the browser, there is a special HTML parser inside the browser, after parsing, we can see the cool page.
HTML version
version | release time |
---|---|
HTML |
1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01(H4) | 1999 |
XHTML 1.0 | 2000 |
HTML5 (H5) | 2012 |
XHTML 5 | 2013 |
Standard structure of HTML
You can edit the code through Notepad. Files written in this language have .html or .htm as the suffix.
HTML is not case sensitive, lowercase is recommended
Start writing code:
(1) Create a new plain text document, give the file a name, and change the suffix name to .html
(2) Right click-open with Notepad, write code
<html>
<head>
不显示在网页上,但是有比较重要的信息
<title>第一个在多易学习的网页</title>
</head>
<body>
今天天气很好,大家都坐在多易教育的教室里
</body>
</html>
(3) Download Google Chrome or Firefox browser
(4) Select the text document, right click-open method-open in browsers such as Google Chrome
(5) Display page effect
The root tag html is the outermost tag and all other tags are placed in this tag
The html root tag has two first-level subtags, namely head body
The head is generally not displayed on the webpage but has more important information
The content generally displayed on the page in the body
For more high-quality content, you can search Duoyi Education's official account or search B station Duoyi Education UP
If it is easy to produce, it must be a fine product.