Web HTML Basics 2

Source: Internet
Author: User

1. Table <table> Line TR, there is no column of the argument, just cell TD table inside can only imitate tr,tr inside can only put td,td nested any label

Table Properties

Border border,

CellSpacing the distance between the cell and the border

CellPadding the distance between content and cell borders

Align control Table horizontal alignment,

The table Head label th is placed in the TR and the TD is replaced with TH

Table Structure Thead and tbody two parts

Table Title Caption Title tag is caption written in <table>

Merge cells: Written in the TD label,

Merge across rows, rowspan from top down,

Merge colspan across columns, from left to right

2. Browser view tag structure, browser right click-Check (review)

3. Form three main structure: Form field, form control, hint text

Form controls:

Input Single label

Type property: Text single line textbox, password password input box r

Adio radio button (radio box if it is a group, implemented by the same name value) Checked = checked default selection

CheckBox check box checked = checked default selection

button Normal buttons value is the text displayed above the button

Submit button value value is also set text

Reset Reset button value is also set text

Image Image button

File button

MaxLength positive integer, the maximum number of characters allowed to be entered by the user

lable tag, used with input, label will input parcel, click Other location, input can also get focus

If the label has more than one form, you want to navigate to the specified form by for= "id"

Text field textarea double label

Drop-down menu select contains option, the first option shows option with a property, selected = "Selected", Default check

form Fields <form></form> Properties:

The purpose of the action submission is to

Method Get Post

Name take a name

New tags for HTML 5:

Header defines the header of the page

Nav Definition navigation bar

Footer define the bottom of a Web page

Article Definition Articles

Section defines small areas,

Aside defining side edges

DataList similar to select, with input similar to the use of Baidu

FieldSet and legend use grouping, a border appears

Input property: E-Mail Mobile phone Tel number numbers to the right there will also be Arrows URL search range slider time date

Input placeholder Placeholder Autofoucus = "Autofocus" Automatically get focus multipe multi-file Upload AutoComplete automatic, using this, first need to submit the button, also need name value AutoComplete can be on or off

Required cannot be empty accesskey = "letter" To quickly position the cursor

Multimedia Tags: three types

1. Embed tags define embedded content,

2.video playing video

Audio Insert Sound AutoPlay controls loop-1 represents an infinite loop browser compatible, generally turns into three formats, Mp3,ogg wav

Web HTML Basics 2

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.