Common basic notes for my HTML summary, html Summary

Source: Internet
Author: User

Common basic notes for my HTML summary, html Summary

HTML: Abbreviation of Hyper Text Markup Language (Hypertext Markup Language). HTML is not a program, but an identifier Language used to control data display on webpages.

 

HTML consists of a group of tags.

 

Basic HTML Structure

 

<Html>

 

<Head>

 

<Title> first HTML example </title>

 

</Head>

 

<Body>

 

Basic HTML Structure

 

</Body>

 

</Html>

HTML runs in the browser.

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

 

 

1. Remember the following tabs in actual applications:

 

Block-level labels: <div>

 

Row-level labels: <span> <a> only occupies its own size. width and height cannot be set.

 

Intra-row block labels: <input> only occupies the size of the block, but the width and height can be set.

 

Line feed label <br/>

Space $ nbsp

 

<! --Note -->

 

About <a> labels

Some common attributes of tag a: href, title, target, and name (used for anchoring)

<A href = "target URL" title = "move the mouse over the displayed text" target = "_ blank"> text displayed on the Link </a> _ blank open in a new window, _ self opens in its own window

<A> You can also nest images so that you can click the image to open the link.

<a href="www.baidu.com">    </a>

Jump inside yourself using the tag

Step 1 write an anchor:

Step 2 Write the link to the anchor:

 

 

2. List and table tags

Unordered list tag <ul>.

Format:

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

The default style of ul-li displayed on the webpage is generally: each item of li comes with a dot. By default, it will be used at css initialization: list-style: none;

Type indicates the type of the label. The value can be:

1 disc: solid dot

2 circle: hollow dot

3 square: solid square

 

Each item in the ordered list has a continuous number.

Format:

<Ol type = "" start = "">

<Li> </li>

Type indicates the type of the label. The value can be:

1: display numbers

A: uppercase letters are displayed.

A: lowercase letters are displayed.

I: Show upper-case roman numerals

I: show lower-case roman numerals

Start value: Number

 

Nested list: A list is part of another list, that is, a list of multiple layers.

 

The tables in HTML are,<Th>The four labels are complete. (Currently, very few are used, and basically all ready-made table UI components are used)

Cellspacing and cellpadding are written on the tale tab to clear gaps between cells and fill in cells.

Rowspan and colspan are written in the td cell, and the row and column of the cell are merged.

 

 

Related Article

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.