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

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

Jan 20, 2018 am 10:14 AM
html newbie edit

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

  • 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

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    Video Face Swap

    Video Face Swap

    Swap faces in any video effortlessly with our completely free AI face swap tool!

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

    Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

    Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

    This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

    HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

    Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

    HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

    Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

    HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

    Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

    HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

    Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

    Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

    Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

    HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

    Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

    See all articles