Home > Web Front-end > HTML Tutorial > Basics of HTML editing (a must-read for beginners)

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

php中世界最好的语言
Release: 2018-01-20 10:14:02
Original
2245 people have browsed it

这次给大家带来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

    TextSet 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!

  • Related labels:
    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template