Home > Article > Web Front-end > Backend Coders Talk About Frontend (HTML) Lesson 1: HTML Overview_html/css_WEB-ITnose
Backend Coders Talk About Frontend (HTML) Lesson 1: HTML Overview_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:48:371037browse
1. What is HTML?
HTML is not a programming language, it is a markup language used to describe web documents (page structures);
HTML refers to Hyper Text Markup Language (Hyper Text Markup Language), so it is called Hypertext Markup Language is because the text contains so-called "hyperlink" points. ;
HTML stipulates its own grammatical rules to express richer meanings than "text", such as pictures, tables, links, etc. Browser (IE, FireFox, etc.) software knows the syntax of the HTML language and can be used to view HTML documents. Currently, most web pages on the Internet are written using HTML.
2. What does HTML look like?
To put it simply, the syntax of HTML is to add tags (Tag) to the text to indicate the meaning of the text, so that users (people or programs) can better understand the text.
The following is the simplest HTML document:
<html>
<head>
<title>第一个Html文档</title>
</head>
<body>
欢迎访问<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>!
</body>
</html>
All HTML documents should have a 100db36a723c770d327fc0aef2ce13b1 element. The 100db36a723c770d327fc0aef2ce13b1 element can contain two parts: 93f0f5c25f18dab9d176bd4f6de5d30e and 6c04bd5ca3fcae76e30b72ad730ca86d.
The 93f0f5c25f18dab9d176bd4f6de5d30e element is used to contain general information about the entire document, such as the title of the document (the b2386ffb911b14667cb8f0f91ea547a7 element is used to contain the title), a description of the entire document, keywords of the document, etc.
The specific content of the document must be placed in the 6c04bd5ca3fcae76e30b72ad730ca86d element. The 3499910bf9dac5ae3c52d5ede7383485 element is used to represent links. When viewing an HTML document in a browser (such as IE, Firefox, etc.), clicking on the content enclosed by the 3499910bf9dac5ae3c52d5ede7383485 tag will usually jump to another page. The address of the page to be jumped to is specified by the href attribute of the 3499910bf9dac5ae3c52d5ede7383485 element. In the above 4b3cbdd6759317f89b40db0b01513c82, the value of the href attribute is http://hanzhaoxin.cnblogs.com/.
3. What content can an HTML document contain?
Through different tags, HTML documents can contain different content, such as text, links, pictures, lists, tables, forms, frames, etc.
Pictures: Pictures are used to make the page more beautiful or provide more information.
List: A list is used to illustrate that a series of items are related to each other.
Table: A table is a form of organizing data together by rows and columns. Many people also use tables for page layout.
Form: Forms are usually composed of text input boxes, buttons, multi-select boxes, radio buttons, drop-down lists, etc., making HTML pages more interactive.
Frame: Frame allows a page to contain other pages.
4. What concepts can I talk about HTML?
Document: HTML document is commonly known as a web page.
Tags: Keywords surrounded by angle brackets we become tags. Usually HTML tags appear in pairs, such as: 3499910bf9dac5ae3c52d5ede7383485, 5db79b134e9f6b82c0b36e0489ee08ed.
Element: We call matching tag pairs and the content they surround as elements. That is (element = start tag content end tag). For example: ad6d4afa1c5c9095a7abc1d26fab4363My blog5db79b134e9f6b82c0b36e0489ee08ed.
Attributes: Those contents in the start tag that appear in the form of name/value pairs are called attributes. As in the above example: href="http://hanzhaoxin.cnblogs.com/". (href is the attribute name, "http://hanzhaoxin.cnblogs.com/" is the attribute value).