Beginners HTML Reference

Source: Internet
Author: User
Tags add format define definition reference reset window
Reference | beginners

Basic Label

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

  Title label

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

  Document overall properties

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

   Text Labels

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

Links

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

   format Typesetting

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

   graphic Elements

Add an image
Arrange alignment One image: Left middle right or upper middle
Sets the size of the border around an image
Add a horizontal line Sets the size (height) of the horizontal line Sets the width of the horizontal line (percentage or absolute pixel) Create a horizontal line with no shadow &LT;HR noshade>

Table

Create a table <table></table>
Start each row in the table <tr></tr>
Start each grid in a row <td></td>
To set the table header: a lattice that usually centers text in bold <th></th>

   Table Properties

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

   window frame

Before the <body> label of a window frame document, it can also be embedded in other window frame documents <frameset></frameset>
Define the number of rows in a window frame, you can use the absolute pixel value or the percentage of the height <frameset rows= "Value,value" >
Define the number of columns in a window frame, you can use the absolute pixel value or a percentage of the width <frameset cols= "Value,value" >
Define a single window or window area within a window frame <frame>
Defines what prompts are displayed 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 window frame or area so that other frames can point to it <frame name= "name" >
Defines the blank size of the left and right edges of the window frame, must be greater than or equal to 1 <frame marginwidth=#>
Defines the blank size of the top and bottom edges of the window frame, must be greater than or equal to 1 <frame marginheight=#>
Set 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 resizing a window frame <frame noresize>

   Form

For functional forms, the general need to run a CGI applet, HTML is just the appearance of the form.
Create All Forms <form></form>
Create a scrolling menu, size set the number of table items that you can see before scrolling <select multiple name= "name" size=?></select>
Set the contents of each table item <option>
Create a drop-down menu <select name= "name" ></select>
Set the contents 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 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 using the image <input type= "image" border=0 name= "name src=" http://www.webjx.com/htmldata/2005-05-11/ 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.