HTML editing basics

HTML Basic Language

Open DREAMWEAVER and create HTML. .

Properties of

body:

Bgcolor 面 page background color

background

Background wallpapers, pictures

text                                                                                                                                                                                                           

topmargin                                                                                                                       leftmargin                                                                                         rightmargin                                                                                                                                                    

bottommargin          

Bottom margin

Format control tag:

Control the font color, font and size respectively.

Bold font                                                 

                                ​

                                           

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

or

                                                                                                                                                                                          ， means space, tCtrl+Shift+Space

Content container tag:

HTMLThe title is                                                                                             

...

Through & & lt; h1 & gt; & lt; h6 & gt;

              段落标签（段落之间空行）

 

      

1. Content

2.       

3. Content

"../" 级 indicates that the superior directory "./" Indicates the current directory

Relative path: Start searching from the current page. Absolute path: Start searching from the root of the website. "/", represents the root of the website.

Hyperlink tag:

" target="_blank">Hyperlink text

       —

Open in new window

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

Picture tags: " alt="

text" width="" height="" title="

description text" />

Set the height and width to maintain the original proportion. altDisplays text when the image cannot be loaded, and can also help search engines search.

titleYou can add a picture description, and the description can be displayed when the mouse is placed on the picture. Form:

Table

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

960pixels.

       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: Alignment.

bgcolor: background color.

background: background image.

OK

align:The horizontal alignment of a line of content.

valign:Vertical alignment of a line of content.

Height: Row height.

bgcolor: background color.

background: background image.

cell

Header, cell content is automatically centered and bold

align:Alignment of cell content.

      valign:The vertical alignment of the cell’s content.

Width: Cell width.

Height: Cell height.

bgcolor: background color.

background: background image.

Content must be placed in cells, cells must be placed in rows, and rows must be placed in tables.

When setting the cell row height and column height, it will also affect the corresponding row or column.

Cell merging: (It is recommended to use table nesting as much as possible)

colspan="n" Merge cells in the same row (subtract the corresponding columns when writing code later)

 rowspan="n" Merge cells in the same column (subtract the corresponding column starting from the second row)