HTML Editing Basics

Source: Internet
Author: User

HTML Base language

Open DREAMWEAVER, New HTML:

properties of the body:

bgcolor page background color

Background background wallpaper, pictures

Text text color

TopMargin Top Margin

LeftMargin left margin

RightMargin Right Margin

BottomMargin Bottom Margin

Format Control Tags:

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

Controls the color, font, and size of the font, respectively.

<b></b> font Bold

<strong></strong> font Bold

<i></i> Tilt

<em></em> Tilt

<u></u> underline

<center></center> Center

<br> or <br/> equivalent to carriage return

represents a space, Ctrl+shift+space

Content container Tags:

title, wraps automatically. the HTML title is

. . . Defined by tags such as to .

<p></p> Paragraph labels (blank lines between paragraphs)

<div></div> Layer Labels (one row by default)

<span></span> Layer Labels (the default is how much space is used to occupy much space)

<ol type= "1" > with Sequence list, serial number is .... , you can change the form of the ordinal in quotation marks

<li> content <li>

<li> content <li>

</ol> above the ol changed to ul to become no serial list

".. /" indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

Absolute Path: Search from the root of the site. "/", which represents the root of the site.

Hyperlink Tags:

<a href= " hyperlink address " target= "_blank" > hyperlink text </a> -- opens in a new window

You can also find a hyperlink to a directory on the current page to automatically jump to a location on the page.

Picture Tags:

picture address " alt= " text " width= "" height= "" title= " descriptive text "/>

Height and width set one to maintain the original proportions.

Alt displays text when the picture cannot be loaded, and also helps search engines.

Title can be added to the picture description, the mouse on the picture when the description can be displayed.

Form:

<table></table> Forms

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

Border: Border, common value is 0.

cellpadding: The distance between the content and the border, with a common value of 0.

cellspacing: The spacing between cells and cells, with a common value of 0.

Algin: Alignment.

bgcolor: Background color.

Background: Background image.

<tr></tr> Line

Align: the horizontal alignment of a line of content.

valign: The vertical alignment of a line of content.

Height: Row height.

bgcolor: Background color.

Background: Background image.

<td></td> Cell

<th></th> Header, cell contents are automatically centered, bold

Align: How cell content is aligned.

valign: The vertical alignment of the contents of the cell.

Width: cell width.

Height: cell height.

bgcolor: Background color.

Background: Background image.

The contents must be placed in the cell, the cell must be in the row , and the row must be placed in the table.

when you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

Colspan= "n" merges cells of the same row (the corresponding columns are subtracted from the following code)

Rowspan= "n" merges the same column cell (minus the corresponding column starting from the second row)

HTML Editing Basics

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.