① 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
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