[048] HTML notes

Source: Internet
Author: User

>====> Basics <===<

<Html> defines the entire Html document
<Body> defines the subject of an Html document.
Bgcolor background color modification

& Lt; <(less-)
& Gt;> (greater-)
& Nbsp; space

Relative url:
"/" Indicates the root directory
"../" Indicates the parent directory
"Http://www.cnblogs.com/" indicates the parent directory of the parent directory.

>===> Hyperlink <=== <

<A>
Href connection address
Http://www.baidu.com
Mailto: alexbnlee@gmail.com

The location where the target opens the tab, _ blank, and so on.
Name specifies the anchor name, which can be called directly. A "#" sign is added before the call, or the webpage address + # Number + name

====> Image ===<


Show text when alt has no image
Title text displayed when hovering
Align bottom, middle, top, left, right
Border. 0 indicates that the border is not displayed.
Width
Height
Usermap defines map content
Ismap can display image coordinates

<Map> map
<Area> Region
Shape image style, rect, circle, poly
Coords circle: x, y, r, rect: x1, x2, x3, x4
Href Link
Target
Alt

>====> Text format <===<

<Br/> press enter (break)
<Hr/> horizontal rule)
<P> segment (paragraph)
<Div> layer (rectangular block)
<Span> multipart (Free Zone)
<Pre> pre-formatted text
<Address> address
<Abbr> abbreviation
<Acronym> abbreviation
Title

<Blockquote> long reference
<Q> short reference
<Del> strikethrough
<Ins> underline
<Em> emphasis on text, italic (emphasis)
<U> underline
<I> Italic
<B> bold
<Strong> bold
<Big> large font
<Small> small font
<Sub> subscript
<Sup> upload
<Code> code font

<Font> font
Face font name
Size
Color

>===> Style <==== <

Style
Font-family font
Font-size font size (px)
Font-weight bold?
Font-style font style
Color font color

Text-transform text case-sensitive Conversion
Text-decoration underline, overline, line-through, blink, none
Text-align text align

Background-color background color

>===> Title <== <

<H1>-Align alignment

====> Table =====<

<Table> table
Border, bold to have a three-dimensional effect
Bgcolor background color
Add background image
Frame, box, above, below, hsides, vsides
Total width (pixel or percentage)
White space between the cellpadding cell edge and its content
White space between cellspacing cell borders
<Caption> title

<Tr> row and table row
<Th> header, which can be placed in any cell
<Td> cell, table data
Bgcolor cell background color
Background cell background image
Width: cell width
Height: cell height
Colspan spans several columns
Rowspan spans several rows

<Ul> unordered list
<Ol> ordered list
<Li> line

<Dl> defined definition list
<Dt> defines the items in the definition list (that is, the glossary)
<Dd> share content

>===> Form <=== <
<Form> form
<Input> input
Type = "radio" radio button
Name of the Group
Unique id of the id Control

Type = "text" input text box
Name (Name attribute in C)
Value displayed in the Text box (Text attribute in C)
Maxlength
Readonly
Size Space width

Type = "password" password

Type = "checkbox" check box
Name group name
Check whether checked is selected

Type = "button" button
Type = "submit" submit button

<Label> label
For binds the label to another element.

<Select> similar to ComboBox or ListBox in C #
Size: About 1 is ListBox. Otherwise, it is ComboBox. The number of items is displayed.
Can selectmultiple be selected multiple times?
<Option> options in the drop-down list
Select or not

<Textarea> multi-line text
Rows row width
Cols column width

<Fieldset> groupbox is similar
<Legend> display title

<Frameset> partition (framework)
Cols (vertical)
Rows row score (horizontal)
<Frame> sub-frame
Src address
Noresize cannot be pulled
Name can be used to create a specified webpage in this region

 

 

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.