Self-organizing HTML basic Tag reference knowledge

Source: Internet
Author: User

Basic label
Create an HTML document Set the document title and other information that is not displayed on the Web page Set the visible part of a document <body></body>

  Title label

Place the title of the document in the caption bar <title></title>

  Document overall properties

Sets the background color, using the first name or hexadecimal value <body bgcolor=?>
Sets text text color, using first name or hexadecimal value <body text=?>
Set the link color, using the first name or hexadecimal value <body link=?>
Sets the color of the link used, using the first name or hexadecimal value <body vlink=?>
Sets the color of the link being hit, using the name or hexadecimal value <body alink=?>

  Text labels

Create pre-formatted text <pre></pre>
Create the largest title Create the smallest title Create bold characters <b></b>
Create Italic characters <i></i>
Create typewriter-style fonts <tt></tt>
Create a reference, usually italic <cite></cite>
Add a word (usually italic and boldface) <em></em>
Add a word (usually italic and boldface) <strong></strong>
Set the font size from 1 to 7 <font size=?></font>
Sets the color of the font, using the first name or hexadecimal value <font color=?></font>

  Link 

Create a hyperlink <a href= "URL" ></a>
Create a link to automatically send e-mail <a href= "mailto:email" ... </a>
Create a target located inside the document <a name= "name" ></a>
Create a link to an internal target within the document <a href= "#NAME" ></a>

  Format layout

Create a new paragraph <p>
Aligns paragraphs to the left, middle, and right <p align=?>
Insert a carriage return line break <br>
Indent text from both sides <blockquote>
</blockquote>
Create a list of definitions <dl></dl>
Before each definition term <dt>
Put before each definition <dd>
Create a list labeled with numbers <ol></ol>
Precede each number list item and add a number <li>
Create a list marked with dots <ul></ul>
Put in front of each dot list item and add a dot <li>
A label for formatting chunks of HTML paragraphs, also used to format the table <div align=?>

  Graphic elements

Add an image
Align one image: Left middle right or upper middle
Sets the size of the border around an image
Add a horizontal line Set the size (height) of the horizontal line Set the width of the horizontal line (percent or absolute pixels) Create a horizontal line with no shadows

  Table

Create a table <table></table>
Start each row in the table <tr></tr>
Start each of the squares in a row <td></td>
Set table header: a lattice that is usually centered with bold text <th></th>

  Table Properties

Sets the width of the border around the table <table border=#>
Sets the size of the space between table lattices <table cellspacing=#>
Sets the size of the space between the grid border and its internal content <table cellpadding=#>
Sets the width of the table-<table width=# or%> with absolute pixel values or the total width of the document
Sets the horizontal alignment of the grid (left and right) <tr align=?> or <TD align=?>
Sets the vertical alignment of the grid (upper and lower) <tr valign=?> or <TD valign=?>
Sets the number of columns that a table grid should span (default is 1) <td colspan=#>
Sets the number of rows that a table grid should span (default is 1) <td rowspan=#>
Prohibit the contents of table lattice automatically break the volume <TD nowrap>

  Window Frames

Before the <body> tag of a window frame document, it can also be embedded in other window frame documents <frameset></frameset>
Defines the number of rows within a window frame that can be used as a percentage of absolute pixel values or heights <frameset rows= "Value,value" >
Defines the number of columns within a window frame, which can be used as a percentage of absolute pixel values or widths <frameset cols= "Value,value" >
Define a single window or window area within a window frame <frame>
Define what tips to display in browsers that do not support window frames <noframes></noframes>

  Window Frame Properties

Specify what HTML document is displayed in the window frame <frame src= "URL" >
Name the sash or area so that other frames can point to it <frame name= "name" >


Sets whether the window frame has a scroll bar, the value can be "yes", "no", "Auto", the default is generally "auto" <frame scrolling=value>
Prevents users from adjusting the size of a window frame <frame noresize>

  Form

For functional forms, it is generally necessary to run a CGI applet, and HTML is just the surface of the form.
Create All Forms <form></form>
Create a scrolling menu, size sets the number of form items you can see before scrolling <select multiple name= "name" size=?></select>
Set the contents of each form item <option>
Create a drop-down menu <select name= "name" ></select>
Set the content of each menu item <option>
Create a text box area, number of columns set width, number of rows set height <textarea name= "name" cols=40 rows=8></textarea>
Create a check box with text behind the label <input type= "checkbox" name= "Name" >
Create a radio box with text behind the label <input type= "Radio" name= "name" value= "X" >
Create a single line of text input area, size set to the width of the character meter <input type=text name= "foo" size=20>
Create a Submit button <input type= "Submit" value= "NAME" >
Create a Submit button that uses the image <input type= "image" border=0 name= "name" src= "Name.gif" >
Create a reset button <input type= "Reset" >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.