HTML common tags used in web page making

Source: Internet
Author: User
Tags arabic numbers define border color empty end relative reserved window
website | Detailed <HTML> the whole document is between Mark <HTML> and </HTML>

<HEAD> from <HEAD> to </HEAD> as the beginning

<TITLE> can only appear at the beginning, marked by the title of the file

<BODY><BODY> to </BODY> said text
such as: <body text= "#000000" link= "#000000" alink= "#000000" vlink= "#000000" background= "Webjx.com/bj.gif" bgcolor= "# 000000 "leftmargin=2 topmargin=2 bgproperties=" fixed ">
Text: Set text color
Link: Set general text Connection colors
Alink: Set the text connection color when just pressed
Vlink: Set the color after the connection (has been pressed)
Background: Set background picture, GIF or JPG. can be an absolute or relative path.
BgColor: Setting the background color will not work when the background image is set, unless the picture has a transparent part.
Leftmargin: Set the entire file display screen left edge space radius of pixels (ie only applicable)
Topmargin: Set the entire file display screen above the edge space radius of pixels (ie only applicable)
Bgproperties: Fixed background picture, when scrolling text, the picture will not follow scrolling (ie only applicable)

<P> common numbers, such as: <p align= "center" > Selectable Right (right-hand), center (center), left (left-hand)
Default value: align= "left"

<HR> horizontal line, such as: Align: Set the line position, you can choose Right, center (centered), left
Size: Set line thickness, in pixels, the default is: 2
Width: Set line length, can be absolute value (in pixels) or relative value, the default is: 100%
Color: Font Colors
NoShade: Set the line for the plane display, if deleted with shadow or stereo, the default is: NoShade

<BASEFONT> can be used at the beginning of a file, that is, the position between <HEAD> and </HEAD>, which affects the full text, and is an empty tag to change the default value of the font display.

<FONT> itself is also affected by <BASEFONT>, such as: <font face= "Arial" size= "2" color= "#000000" >
Face: The style of the top text, it is recommended that you do not use glyphs other than the "Windows" built-in fonts
Size: Sets the text size, and the value can be absolute or relative. Not affected by <BASEFONT>. Default to 3
Color: Font Colors

<OL> called sequential list tags, which are called sequential lists, which precede each item with 1,2,3,... Equal number, also known as the compilation of the list, such as: <ol tupe= "1" start= "4" >
Type= "I"
Set number of styles, its body has five kinds, the default is: type= "1" start= "4"
Set the starting number, regardless of the number of models set, the value can only be 1,2,3,... Equal integers, the default is: staert= "1" Type numbering style
1 Arabic numbers 1,2,3,...
A Lower Alpha A,b,c,...
A Upper Alpha A,b,c,...
I Lower Roman i,ii,iii,...
I Upper Roman I,ii,iii,...


<LI> is used to mark list options, only for non sequential lists, and to set symbolic styles. Its value has three kinds, for example: <li type= "Square" value= "4" >
Symbol is the column item symbol when the current type= "disc"
Symbol 0 is the column-entry symbol for the current type= "disc"
Symbol is the column item symbol when the current type= "disc"
Value: only applies to sequential manifests, the value can only be: 1,2,3,... Equal integers. There is no default value.

<UL> unordered list tags, such as: <ul type= "Square" >
Symbol is the column item symbol when the current type= "disc"
Symbol 0 is the column-entry symbol for the current type= "disc"
Symbol is the column item symbol when the current type= "disc"

<MENU><DIR> These two marks are not approved by W3, I hope that users can be in <ul> and <ol> generation, both the use of the mark and <ul> exactly the same.

<TABLE> is a container tag, meaning that it declares that it is a table and that other form tags can only be applied within its scope, such as: <table border= "1" cellspacing= "2" cellpadding= "2" align= "Center" valign= "Middle" background= "Webjx.com/bj.gif" bgcolor= "#000000" bordercolor= "#000000" bordercolorlight= " 000000 "width=" 100% "height=" 100% ">
Border: Table line width
cellspacing: Word Build line distance
CellPadding: The distance between the text and the line
Align: The position of the words and pictures in the form, available (left, center, right)
Valign: The position (vertical) of the word and picture in the form, available (top, middle, bottom)
Background: Table background picture and bgcolor do not use
BgColor: Table background and background do not use the same
BorderColor: Table border color, NC and IE have different effects
Bordercolorlight: The color of the sunny part of the table border
Width: Table widths
Height: Table Heights

<TR> used to mark table columns, such as: <tr align= "center" valign= "Middle" width= "100%" height= "100%" >
Align: The position of the words and pictures in the form, available (left, center, right)
Valign: The position (vertical) of the word and picture in the form, available (top, middle, bottom)
Width: Table widths
Height: Table Heights

<TD> used to mark the storage grid, such as: &LT;TD align= "center" valign= "Middle" width= "100%" height= "100%" colspan= "2" (rowspan= "2") >
Align: The position of the words and pictures in the form, available (left, center, right)
Valign: The position (vertical) of the word and picture in the form, available (top, middle, bottom)
Width: Table widths
Height: Table Heights
Colspan: Used to store the number of columns to the right of the table
Rowspan: Used to store the number of columns on the left side of the table

<TH> used to label the cell and <TD>, the only difference is that the text in the stored cells listed in the <TH> is shown in bold, such as: <th align= "center" valign= "Middle" width= " 100% "height=" 100% "colspan=" 2 "(rowspan=" 2 ") >
Align: The position of the words and pictures in the form, available (left, center, right)
Valign: The position (vertical) of the word and picture in the form, available (top, middle, bottom)
Width: Table widths
Height: Table Heights
Colspan: Used to store the number of columns to the right of the table
Rowspan: Used to store the number of columns on the left side of the table

<CAPTION> function is to mark a title column for a table, such as adding a blank line to the table, of course, but also to the delegation, usually used to store the title of the table, such as: <caption align= "center" calign= "Top" >
Align: The position of the words and pictures in the form, available (left, center, right)
Valign: The position (vertical) of the word and picture in the form, available (top, middle, bottom)

graphical markers, such as:
SRC: Make a relative or absolute path to a picture
Width: Picture widths
Height: Picture Heights
Hspace: Set picture Edge Blank, is to set the picture left and right space
Vspace: Set picture Edge Blank, is to set the picture up and down space
Border: Picture Border thickness
Align: Adjust the position of the text next to the picture, optional (left, right, top, middle, bottom) is the default: Bottom
ALT: Text used to describe the graphic
LOWSRC: Set first display low solution image picture, if the added is a very large picture, download time is long, this low solution image will be shown first

A <A> element is the most basic element used in an HTML document to create a connection, and it can be used to create source strokes and also to label strokes.
<a></a> This element is used to define a connection or a destination stroke, and its start and end tags cannot be defaulted
Name: This property is used to name the destination so that other connections point to the stroke
Href: This property defines a URL to a Web resource that points to
Hreflang: This property is used to define the baseline language information for the document to which the connection points, and this property is only valid if the href attribute is set
Type: This property is used to define the type of text in the A element
Rel: This property is used to define the relationship of the document specified by the href attribute, whose value is a list of connection types separated by a space
Rev: This property is used to define a reverse connection between the stroke specified by the href attribute and the current document, and its value is a list of connection types separated by a space
Charset: This property is used to define the character encoding of the document to which the connection points

<BASE> This element is used to define the datum path for the document, which is an empty element, with only the start tag and no end tag. Available Properties href target
Href: This property is used to define the base path of the document, and its value is an absolute URL
Target: Available values _self, _top, _blank, _parent

<FRAMESET> become a FRAME tag to declare HTML files as frame mode and how to split the top window, such as: <framest rows= "90,*" (cols= "90,*") frameborder= "0" framespaling= "2" border= "2" bordercolor= "#000000" >
Rows: Is the transverse cutting, the picture is separated from top to bottom
Cols: Vertical Cutting screen, accept positive values, percentages, * means to occupy the rest of the space, the number of values to represent the number of partitioned windows, and separated by commas. Column: cols= "30,*,50%" can be cut into three windows, the first window is 30 width, for an absolute segmentation. The second window is that when the first and third windows are separated, the third window takes up 50% width of the entire screen as relative segmentation.
Frameborder: Sets the margin of the frame with a value of 0 and 1. 0 means no borders, 1 indicates a border to be displayed
Framespaling: Indicates the distance between the frame and the frame to keep white space
Border: Sets the frame's border thickness, in pixels
BorderColor: Sets the border color of the frame

<FRAME> is to set the parameter properties in a frame window, such as: <frame name= "Top" src= "/blog/aa.asp" marginwidth= "5" marginheight= "5" scrolling= " Aoto "frameborder=" 0 "framespacing=" 6 "noresize bordercolor=" #000000 ">
Name: Set this box window so that you can specify a frame to connect, you must have any naming
SRC: Displayed page
Marginwidth: Represents the space reserved by the edge of the frame width part
Marginheight: Represents the space reserved by the edge of the frame height section
Scrolling: Set whether to display the scroll, yes to show the scroll, no means not to display in any case, Aoto is shown
Frameborder: Sets the border of the frame, with a value of 0 and 1. 0 means no borders, 1 indicates a border to be displayed
Framespacing: Indicates the distance between the frame and the frame to keep white space
Noresize: Setting does not allow users to change the size of the box, nor set this parameter, users can easily pull the border, change its size
BorderColor: Sets the border color of the frame

<NOFRAMES> if the browser supports the framework, then it will ignore the NOFRAMES, but if the browser does not support the framework, then the browser will display the contents of the NOFRAMES

<FORM> called table tags, such as: <form action= "aa.asp" method= "POST" >
Action: Indicates the location of the program
Method: Passes the selection to the program, optionally post and get. Post allows a large amount of data to be transmitted, get only accept less than 1K of data

<INPUT> Categories: text, Redio, checkbox, Password, submit/reset, image, file, hidden
such as: <input type= "text" name= "Age" value= "align=" "Center" size= "2" maxlength= "255" >
Type: Selectable text, redio, checkbox, Password, submit/reset, image, file, hidden
Name: Names
Value: The default value, if not fill out the text box is blank. If you fill in 20, it will appear in the text box.
Align: Available (left, right, top, middle, bottom, txttop, Buseline, Absmiddle)
Size: Length of text box
Maxlength: This one-line text box can enter the upper limit of the character

<marquee> scrolling code.
such as: <marquee direction= "left" scrollamount= "scrolldelay=" loop= "" width= "319" height= "> can put text and pictures </ Marquee>
Behavior: Available Properties: Alternate (alternating), slide (for one scrolling), Scrool (round trip)
Direction: Available properties: Right, up, Dwon, left
ScrollAmount: Quantity
Behavior: Available Properties:
Height: Width
Width: Height
Loop: Scrolling times
Scrolldelay: Delay Time

<embed>flash Code
such as: <embed src= "http://www.webjx.com/htmldata/2007-05-09/www.webjx.com/1.swf" widht= "height=" "></" Embed>
Src:flash Path
Height: Width
Width: Height

<bgsound> background music
such as: <bgsound src= "Webjx.com/webjx.mid" loop= "ten" >
SRC: The Path of music
Loop: Number of plays

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.