My HTML summary of common base notes

Source: Internet
Author: User

HTML: is an abbreviation for Hyper text Markup Language(Super Text Markup Language),HTML is not a program, It's just an identity language that controls the display of data in a Web page.

HTML consists of a set of tags.

the basic structure of HTML

<title> First HTML example </title>

<body>

the basic structure of HTML

</body>

HTML runs in the browser.

HTML is a plain text file, so you can edit it using any text editor.

1. In practical applications, remember the following notes are OK:

block-level tags:<div>

row-level labels:<span> <a> only occupies its own size, can not be set wide, high.

Inline block Tags: <input> only occupies its own size, but can be set wide, high.

Line Wrap Labels <br/>

<!-- Comment -

About <a> Tags

Some common properties of a tag: href, title, target, name (used for anchor)

<a href= "Destination url" title= "mouse over displayed text" target= "_blank" > Link display text </a> _blank opens in a new window, _self opens in your own window

<a> can also nest pictures, so that is click on the image to open the link

<href= "www.baidu.com">    <src = "Aaa.jpg" /> </ a >

Jump within yourself via a tag

The first step is to write an anchor:

The second step is to write the link to the anchor:

2. List and Table labels

unordered list label <ul>.

format:

<ul type= "" ><li></li></ul>

Ul-li The default style that is displayed in a Web page is usually: Each li comes with a dot by default when the CSS is initialized with:List-style: none;

type Sets the number of the label, and the value can be taken:

1 disc : solid Dot

2 Circle : Hollow Dots

3 Square : solid block

Each item in a sequential list has a sequential number.

Format :

<ol type= "" start= "" >

<li></li>

type Sets the number of the label, and the value can be taken:

1: Show numbers

A: Show uppercase letters

A: Show lowercase letters

I: Show uppercase Roman numerals

I: Show lowercase roman numerals

Start value: Number

Nested lists: A list as part of another list, that is, a multilevel list.

tables in HTML through <table>,<tr>,<td>,<th> four tabs complete. (Very little now, basically with ready-made tabular UI components)

cellspacing, cellpadding write on tale note, clear gaps between cells and fill in cells

RowSpan, colspan write in TD cell, merge rows and columns of cells

My HTML summary of common base notes

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.