HTML tags, format control tags, content container tags, hyperlink tags, picture tags, tables

Open DREAMWEAVER, new HTML, such as:

properties of the body:

bgcolor page background color

Background 　　　　　 background wallpaper, pictures

text text　　　　　　　　　 color

TopMargin 　　　　　　 top margin

LeftMargin 　　　　　　 left margin

RightMargin Right Margin

BottomMargin 　　　　 Bottom margin

Example Body Property usage:

Format Control Tags:

<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 ( before and after the default, if there are other, execute before and after the line, to ensure that itself is a whole, and then Center display )

<br> or <br/> equivalent to carriage return

represents a space, Ctrl+shift+space

Example of Format Control label use:

Content container Tags:

title, wraps automatically. the HTML title is

Defined by tags such as to . (the importance is reduced, that is, the character becomes smaller.) H1-h6 is limited by the size of the current limit font, the default before and after the other execution before and after the line, and a blank line, to ensure that itself is a whole ) 　

　. . .　

<p></p> Paragraph labels (blank lines between paragraphs)( the default before and after the other execution before and after line wrapping, and open a line, to ensure that itself is a whole )

<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, serial number is ... . , you can change the form of the ordinal in quotation marks

　　<li> content <li>( with serial number, automatic line wrapping , before and after the default if there are other execution before and after the line, and open a line, Guaranteed to be a whole )

　　<li> content <li>

</ol> above the ol to ul will become no serial list (ul does not own the serial number, the other two and Same as c8>ol )

Example:

".. /" indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

Absolute Path: Search from the root of the site. "/", which represents the root of the site.

Hyperlink Tags:

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

You can also find a hyperlink to a directory on the current page to automatically jump to a location on the page.

A Tags: back to the top: the bottom of the content to write:<a href= "#ding" back to the top </a>; also write at the top, where you want to go back to the upper position: <a name="Ding" ></a> ( equivalent to a link address or tag)

Example:

Picture Tags:

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.

Example:

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)

Table Example:

HTML tags, format control tags, content container tags, hyperlink tags, picture tags, tables