9.16 The first lesson about HTML summary

Source: Internet
Author: User
Tags border color

One, HTML: Hypertext editing language

Two, HTML structure

<title> </title>

<body> </body>

Three, layout control

1.<br/> line break

2.<p></p> Paragraph Markup Language

3. Horizontal line

Size represents the thickness of the line, in PX.

width, px, or percent.

Align to its way left the center right

Color colors

4. Spaces &nbsp;

5. Center Mark <center></center>

Four, title text

<b></b> Bold Body

<i></i> Italic

<u></u> Underline

<s></s> Delete Lines

<sup></sup> text table above the font

<sub></sub> text is labeled below the font

Five, Body property

BgColor page background color

Background pictures

Text page background color


There are sequence tables:


<li> Today </li>

<li> Tomorrow </li>

<li> the day After Tomorrow </li>


Number form: Type attribute type=1 or a or a or I or I set number of

Start ordinal: Start Property start=n (only number)

Unordered list:


<li> the day After Tomorrow </li>

<li> the day before </li>

<li> Today </li>


Set the form of bullets:

Type Property type=circle or disc or square

List nesting:


<li> Tomorrow 1</li>

<li> Day After Tomorrow 2


<li> Tomorrow 2-1</li>

<li> acquired 2-2</li>




Seven: Table

1. Syntax



<td> Tomorrow </td>



2. Table Properties

border, border width;

CellSpacing, the width of the inner frame of the table;

CellPadding, the distance from the text in the table to the four-week border;

Height, altitude;

width, breadth;

BorderColor, border color;

bgcolor, background color;

Align, the horizontal alignment of the table in the Web page.

3, row, column properties

Height: Height

Color of outer frame: bordercolor

Background color: bgcolor

Text horizontal alignment Level: Center

Perpendicular to its way: va;ogn=top Middle Bottom

4, cross-row. Cross-column

Cross-line: rowspan

Cross-column: colspan

5,<caption align=top or Bottom> located above or below the table

6.table nesting

8. Picture

1.IMG Tags:

2. Properties:

Heigh: Height

Width: Wide

Border: Border width

lowsrc= "Low resolution picture location"

ait= Text Callout

Nine, absolute path and relative path (ref: 80-taste-male)

Absolute path: http://www.cnblogs.com/or D:\360Downloads

Relative path:.. /.. /a/b.jpg

Hyperlinks ((see: 80-taste-male))

  <a href= "hyperlink address" > text or Picture </a>

1. Empty link: <a href= "JavaScript:;" ></a>

The difference between an empty link and other types of links:

Href= "JavaScript:;" With href= "javascript:void (0);", Empty link, click there will be no jump

href= "#" with #top, click Back to Top, page does not refresh

Href= "" Click to refresh and go back to the top

href= "/" Click to jump to the top level directory

2. Link Open window:

_blank opens in a new window _parent the parent window opens _self the current window opens _top returns information displayed in the top-level browser window


There are sequence lists, unordered list is not very good

Absolute path, relative path needs to be understood

Hyperlink condition

9.16 The first lesson about HTML summary

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.