2016/2/18 HTML Tag Table

① Open DREAMW The beginning of new HTML is displayed as follows

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<!--Charset=utf-8 codec for Utf-8 and
<title> Testing </title>
<!--title bar change name Test location
It can be preceded by a logo with a small icon--
<!--
1, Tag language <> presentation
2, in pairs appear, the contents of general structure

②body Property

BgColor page background color

Background background Wallpaper Pictures

Text text color

TopMargin Top Margin

LeftMargin left Margin

RightMargin Right Margin

BottomMargin Bottom Margin

Show effect

③ Format Control Label

<font color= "" face= "" size= "" ></font>

Controls the color, font, and size of the font, respectively.

<b></b> Font Bold

<strong></strong> Font Bold

<i></i> Tilt

<em></em> Tilt

<u></u> Underline

<center></center> Center

<br> or <br/> equivalent carriage return shortcut key Shift+enter

&nbsp; Represents a space,ctrl+shift+space

Show effect

④ Content Container Label

the HTML title is

　　. . . defined by tags such as

<p></p> paragraph labels (blank lines between paragraphs)

<div></div> Layer Labels (one row by default)

<span></span> Layer Labels (the default is how much space is used to occupy much space)

<ol type= "1" > with sequence list, ordinal of ...., you can change the form of an ordinal in quotation marks

　　<li> content <li>

　　<li> content <li>

</ol> above the ol changed to UL to become no serial list

Show effect

⑤ Hyperlink Tags

<a href= "hyperlink address " target= "_blank" > Hyperlink text </a> --opens in a new window

Target refers to the open mode (_parent _self opens on the current page) (_top opens with a new page open and in front of all open pages) (_blank new opens) indicates how hyperlinks are displayed when opened

Show effect

It turns red when it's over.

Anchor Point

The first part of the Web page

End of page section

</body>

⑥ Picture Label

<img src= "picture address " alt= "text " width= "" height= "" title= "descriptive text "/>

Height and width set one to maintain the original proportions.

ALT displays text when the picture cannot be loaded, and also helps search engines.

Title can be added to the picture description, the mouse on the picture when the description can be displayed.

⑦ form

<table></table> Forms

　　Width: wide. Can be expressed in pixels or percentages. Commonly used 960 pixels.

　　Border: Border, common value is 0.

　　CellPadding: The distance between the content and the border, with a common value of 0.

　　cellspacing: The spacing between cells and cells, with a common value of 0.

　　Algin: Alignment.

　　bgcolor: Background color.

　　Background: Background image.

<tr></tr> Line

　　Align: The horizontal alignment of a line of content.

　　valign: The vertical alignment of a line of content.

　　Height: Row height.

　　bgcolor: Background color.

　　Background: Background image.

<td></td> cell

<th></th> header, cell contents are automatically centered, bold

　　Align: How cell content is aligned.

　　valign: The vertical alignment of the contents of the cell.

　　Width: cell width.

　　Height: cell height.

　　bgcolor: Background color.

　　Background: Background image.

The contents must be placed in the cell, the cell must be in the row, and the row must be placed in the table.

When you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

　　Colspan= "n" merges cells of the same row (the corresponding columns are subtracted from the following code)

　　Rowspan= "n" merges the same column cell (minus the corresponding column starting from the second row)

2016/2/18 HTML Tag Table