Basics of HTML editing (a must-read for beginners)

这次给大家带来HTML的编辑基础(新手必看篇)，下面就是实战案例，一起来看一下。

打开DREAMWEAVER，新建HTML。。

body的属性：

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签：

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中

或
            相当于回车

                   表示空格，Ctrl+shift+space

内容容器标签：

            标题，会自动换行。HTML标题是                                           

    . . .                通过

到

等标签来定义的。

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

                                                                                                                                                                                      # type="1"> Ordered list, the serial numbers are 1,2,3...., the format of the serial number can be changed in quotation marks

Content

                                                                                                                                           ​./ "Represents the upper -level directory

" ./ "means the current directory

Relators: Start from the current page.

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

Hyperlink
Tag:

Hyperlink text --Open in a new window

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

Picture tag
：

Set one height and one width to maintain the original proportions.

alt displays text when the image cannot be loaded, and can also help search engines search.

title can

add a picture

description, and the description can be displayed when the mouse is placed on the picture.
Table:

Table

width: Width. Can be expressed in pixels or percentages. Commonly used is 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: Alignment.

bgcolor: background color.

background: background image.

Rowalign: The horizontal alignment of a row of content.

valign: Vertical alignment of a line of content.

height: Row height.

bgcolor: background color.

background: background image.

Cell

Header, the content of the cell 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 (the corresponding columns must be subtracted when writing code later)

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

I believe you have mastered the method after reading these cases. For more exciting information, please pay attention to php Chinese Net

Other

related articles!

Related reading:

How to use h5’s sse server to send EventSource events

How to implement the remember password function in h5

How to implement HTML table mouse drag sorting

The above is the detailed content of Basics of HTML editing (a must-read for beginners). For more information, please follow other related articles on the PHP Chinese website!