HTML editing basics and html editing Basics

HTML editing basics and html editing Basics

Basic HTML language

Open DREAMWEAVER and Create HTML ..

Body attributes:

Bgcolor page background color

Background wallpapers and Images

Text color

Top margin of topmargin

Left margin of leftmargin

Right margin of rightmargin

Bottom margin of bottommargin

 

Format control label:

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

Control the font color, Font, and size.

<B> </B> bold font

<Strong> </strong> bold font

<I> </I> skew

<Em> </em> skew

<U> </u> underline

<Center> </center> center

<Br> or <br/> is equivalent to carriage return.

Space, Ctrl + shift + space

 

Content container label:

<H1>

... Defined by

<H6>

<P> </p> section label (empty lines between paragraphs)

<Div> </div> layer labels (one row is occupied by default)

<Span> </span> layer labels (multiple spaces are used by default to occupy multiple spaces)

 

<Ol type = "1" type = "option" text = "option"> ordered list. The sequence number is 1, 2, 3.... You can change the sequence number format in quotation marks.

<Li> content <li>

<Li> content <li>

</Ol> If the above ol is changed to ul, the list of no serial numbers is displayed.

 

 

 

"../" Indicates the parent directory

"./" Indicates the current directory

Relative Path: search from the current page.

Absolute path: Start from the root of the website. "/" Indicates the root of the website.

 

 

Hyperlink Tag:

<A href = "hyperlink address" target = "_ blank"> hyperlink text </a> -- open in a new window

You can also click the hyperlink on the directory on the current page to automatically jump to a certain place on the page.

 

Image Tag:

Set the height and width to maintain the original proportion.

When the image cannot be loaded with alt, the text is displayed and can be searched by the search engine.

You can add an image description to the title. The description can be displayed when you move the cursor over the image.

 

Table:

<Table> </table> table

Width: width. It can be expressed in pixels or percentages. Usually 960 pixels.

Border: border. The common value is 0.

Cellpadding: the distance between the content and the border. The common value is 0.

Cellspacing: the spacing between cells. The common value is 0.

Algin: algin.

Bgcolor: background color.

Background: background image.

 

<Tr> </tr> row

Align: horizontal alignment of a row.

Valign: vertical alignment of a row.

Height: The Row height.

Bgcolor: background color.

Background: background image.

 

<Td> </td> Cell

<Th> </th> header. The content of the cell is automatically centered and bold.

Align: align of cell content.

Valign: vertical alignment of the content of a cell.

Width: the cell width.

Height: cell height.

Bgcolor: background color.

Background: background image.

The content must be placed in cells, cells must be placed in rows, and rows must be placed in tables.

When the cell Row Height and column height are set, the corresponding row or column is also affected.

Cell merge: (Table Nesting is recommended as much as possible)

Colspan = "n" combines cells in the same row (the code is followed by the corresponding column)

Rowspan = "n" merge cells in the same column (subtract the corresponding column from the second row)