HTML file framework structure,
1. head
1.1.meta tag
<! -- Set character sets, automatic refresh, automatic jump, and keywords --> <meta charset = "UTF-8"> <meta http-equiv = "Content-Type" Content = "text/html; charset = gb2312 "> <meta http-equiv =" Refresh "Content =" 5 "> <meta http-equiv =" Refresh "Content =" 5; url = http://Server.com "> <meta name =" keywords "Content =" Developer O & M, 51cto, blog ">
1.2.link label
<link rel="shortcut icon" href="image/ico.jpg">
2. body
Background Image settings
<body background="">
Set background color and text color
Bgcolor: Background Color
Text: Non-link text
Link: link text
Alink: link text being clicked
Vlink: link text that has been clicked
<body bgcolor=# text=# link=# alink=# vlink=#>
Color value, in hexadecimal format, or an English letter. The hexadecimal system is used to collect data.
2. 1. Paragraph p
<P> define a paragraph. The section contains blank lines.
2. hyperlink
The text "Link" and the target address is "URL ". Basic Syntax:
<A href = "URL"> link </a>
If there is a jump, there will be a return, return to the home page:
<A href = "/"> back to homepage </a>
When you open the link, create a new tab:
<A href = "http://sunnybay.blog.51cto.com/" target = "_ blank"> my blog </a>
Jump to a certain position of the link. You need to set two positions, jump point and target point:
2.2.1.id
<A href = "URL # dist_name"> link 1.1 </a> <div id = "dist_name"> </div>
2.2.2.name
<a href="introduction.html#what-is-mysql">1.3.1 What is MySQL?</a>
2. 3. hr of the ruler line
Ruler. By default, the ruler line occupies a full line.
Set the ruler line height (two pixels by default)
Fill color
Set length
Sets the left and right positions. The default value is center.
2. 4. Title h
Title text, exclusive line
2.5.font
Font size. Use the size attribute.
<Font size = 5> today's weather is good! </Font>Font color, in hexadecimal or predefine color: black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua. An example of hexadecimal color settings:
<font color=#ffffff>White</font>Symbol entity, which is displayed as follows:,>, <, &, ", ', and:
© < > & " ' ®A semicolon (;) at the end of a string object.
2.6.label
The label is only a content label. You can define the focus when the for attribute is associated with the id.
<Label for = "username"> user name </label> <input id = "username" type = "text" name = "user"/>
3. Text Layout
3. 1. Empty rows
A "<p>" indicates a blank line.
Have you eaten? <P> just a question
3. 2. Empty rows
A line break.
Have you eaten? <Br> go back and eat it.
3. Text alignment
Like the ruler line, use "align"
3. 4. List
Unordered list. No sequence number is displayed at the beginning of the row.
<ul>
<li>Today
<li>Tommorow
</ul>
Ordered list. The line number is displayed at the beginning of the line.
<ol>
<li>Today
<li>Tommorow
</ol>
Definition list
<dl>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>Define the effect of the list:
Today
Today will be yesterday.
Tomorrow
Tomorrow will be today.
4. Images
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
