Home > Developer > Web Develop
HTML is a Hypertext Markup language, the so-called hypertext is the HTML file is not only the text, but also include pictures and other content, and HTML content is separated by the label, the entire file has a number of tags, Or it's called a marker.
tags are generally required to be paired, however, there are also no right, such as <br/>, here, it is strongly recommended to be paired as far as possible, so that the text specification. (XML language to be much more standardized)
Whole HTML language is composed of a large number of tags and tags contained within the content, different tags have different effects. These tags actually formed a tree:
650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/6E/F2/wKioL1WMy-bigffuAACdpfjGrTQ127.jpg "title=" Qq20150624160748.jpg "alt=" Wkiol1wmy-bigffuaacdpfjgrtq127.jpg "/>
from the tree above, it was clear that a the basic structure of the HTML document:
...
<body>
...
</body>
Property
A property is a description of a markup element. the way the attribute = value is used syntactically. Values are usually double or single quotes, or even without quotes, but it is best to use quotation marks to make the syntax canonical.
The HTML syntax does not distinguish between uppercase and lowercase letters. Again, HTML is a non-strict language.
Comments
As with all languages, HTML is also annotated, in the form of a label pair:<!---->
HTML Code Format
HTML is an explanatory language, when we use the browser to send a request to the server, the server directly sends the HTML file, there is a browser after parsing display on the screen, in the text, in order to code specifications and the use of space and carriage return is not reflected in the page effect, The browser will only parse the content within the tag. As for the effect of displaying spaces on the page, there is a natural way to do this, as described later.
Page color
How do i show a variety of color effects on my page effect? There are two ways of HTML: color keywords and numeric labels.
Character entity
This is the answer to the previous question: How to display a space effect on the page effect. Extend this question, how do i display a tag keyword or a special meaning symbol?
There are two ways of doing this:
(1) adoptingthe form of "&" plus ";", such as spaces:
(2) adoptingthe form of "&" plus "#" plus theentity number Plus ";", for example:& #160;
Detailed description of each label
from the above article, we know. the HTML schema, which is a tag tree, now explains the label of the tree.
The first part:
This is the outermost node, its role is to tell the browser, in the tag is the HTML text
Part II:
This part and <body></body> in the status of the lateral, mainly to do these things: first of all, his content will not be displayed in the page, In this section there are mainly <title> tag pairs,<meta> tag pairs and <script> tag pairs,<style> Label pairs,<title> tab is the title of the page window,<meta> tag is a detailed description of the text (SEO optimization has to this part of the action),< Script><style> These two tag pairs are primarily for JavaScript and CSS . the <link> tag is a reference to various external files.
Part III:
The contents of the <body> tag are the pages we see. This vector contains the pictures, words, and so on that we see.
Common Properties
each tag has its own properties, but there are four properties that are any HTML tags are available, and they are meant to be combined with CSS and JavaScript to control HTML elements in both languages .
Property |
Describe |
Id |
Label's ID, Unique |
Name |
Name of the label |
Class |
Tag class selector, which can have multiple elements common |
Style |
Set style properties for labels |
HTML has a lot of tag elements, but according to its content, we can classify it as:
(1) Edit text, row layout with
A Formatting labels (setting the layout of text, etc.)
<br><p><center><pre><li><ul><ol>
B text label (accent or special description part of text)
(2) pictures and links
A Image
B anchor points and hyperlinks
<a Href=url Name=text target=target></a>
(3) Form form
A, form
<table>
<tr>
<th> table Header </th>
</tr>
<tr>
<td> data Content </td>
</tr>
</table>
B, form
the contents contained in the <form></form> tag form the form. There are a variety of <input> tags in the main .
(4) Other main structure elements
<article> tag pairs, it even has its own tag.
<section> Tag Pairs: responsible for chunking.
<nav> elements: Used to build navigation
<aside> elements: mainly used as collateral information
(5) Other non-subject structure elements
elements: There can be more than one in HTML.
elements: Group headings and sub-headings.
<footer> elements: Annotations
<address> elements: Address
HTML Learning Notes
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
