A syntax for HTML
1.1 What is HTML markup language
Symbol Markup language that represents web page information
1.1.1 Features
you can format text, such as title, font size, text color, paragraph, and so on .
Can create a list
Can insert images and media
Can create a table
Hyperlinks, you can use the mouse to click on hyperlinks to achieve a jump between pages
1.2 Markup for HTML and its properties
1.2.1 Save format for HTML documents
. html
. htm
. xhtml
1.2.2 markup and tagged content to build an HTML document
1.2.2.1 format
< tags >
Content
</marker >
Properties of the 1.2.3 tag
Properties of the 1.2.3.1 tag
is to control the display of our content (images, text, etc.)
1.2.3.2 format
< tag Attribute 1 = Property Value Property 2 = property value ... ...>
Content
</marker >
For example <body bgcolor= "Red" > Content </body>
The above attribute is used to control the background color of our web page, bgcolor is the Body property, its value is red (red)
1.3 syntax does not distinguish between uppercase and lowercase letters
<HTML>, <Html>,
1.4 Documentation Comments
use "<!--" to start commenting on a piece of content and end with "--"
For example, <!--mountain has wooden wood, the heart Yue June Xi knows not to know-
1.5 Code format
SPACEBAR and enter will not play any role in the Web page, in order to make the code clear and easy to read, you can use the space bar and enter to arrange
Note: Keep strict rules when indenting, indent with "tab" key
1.6 Character Entity
1.6.1 what is a character entity
For example, we want to display a "<" on the page is less than the symbol, but "<" in the HTML is the beginning of the document markup language, if we directly use "<" will go wrong, so we will use some entity name instead of
1.6.2 Common character entities
Show result description Entity name entity number
Space & #160
< less than < & #60
> Greater than sign > & #62
& No. & & #38
"Quotes " & #34
' Apostrophe &apos (ie not supported) & #39
￥ Yen ¥ & #165
X multiplication Sign × & #215
÷ Division sign ÷ & #247
Euro &euro & #8364
Registered trademarks ® & #174
Copyright © & #169
￡ pound £ & #163
￠ ¢ & #162
§ subsections § & #167
Trademark &trade & #8482
The basic structure of the two HTML
2.1
2.1.1 Explanation
document tags for HTML documents, also known as HTML start tags
2.1.2 function
The tags are located at the front and end of the page, respectively
2.2
2.2.1 Explanation
HTML file header tag, also known as HTML header information start tag
2.2.2 function
basic information to include the file, such as the title of the page, keywords, can be placed in the
2.2.3 Note
content within the
2.3 <title> Content </title>
2.3.1 Explanation
HTML file title tag
2.3.2 function
The "theme" of the Web page, displayed in the top left of the browser's window
2.3.3 Note
the title of the page should not be too long, to be short and concise, can specifically reflect the content of the page,<title></title> tag can not contain other tags
2.4 <body> Content </body>
2.4.1 Explanation
the body tag of an HTML document
2.4.2 function
<body>...</body> is the main part of a Web page, where it can include <p></p>,
2.4.3 Common properties of the body tag
2.4.3.1 bgcolor Setting the background color
<body bgcolor= "Red" ></body>
2.4.3.2 Text color setting
<body text= "Green" ></body>
2.4.3.3 link to set the color of links
<body link= "Blue" ></body>
2.4.3.4 Vlink has visited the link color
<body vlink= "Yellow" ></body>
2.4.3.5 ALink is being clicked on the link color
<body alink= "Red" ></body>
2.5 <meta> Content </meta>
2.5.1 Explanation
meta-Information for pages (meta-information)
2.5.2 function
provides meta-information about the page (meta-information), such as descriptions and keywords for search engines and update frequency
2.5.3 Required Properties
2.5.3.1 Content
Value: Some_text
Define meta information related to the HTTP-EQUIV or Name property
2.5.4 Common Properties
2.5.4.1 commonly used Name property
Author
Keywords the content attribute to a name, such as the keyword that paints the page:
Description such as the key words to describe the page: <meta name= "keywords"
Others content= "The hand of the son, and the son of the same"
2.5.5 Note that the META tag must be placed inside the head element
HTML Markup Language 1
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
