Home > Developer > Web Develop
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "UTF-8"> <title></title> </Head> <Body> <!--The parcel size of the B label I tag del tag is the size of the text he refers to (simple package) but the length of the p tag is the entire line (complex package), so you can center style= "Text-align:center" - <b>Li Banxia</b><BR/> <I>Liyinxia</I><BR/> <del>Liyinxia</del><BR/> <!--a tag: href is - <ahref= "Http://www.baidu.com"Target= "_parent">Baidu a bit</a> <!--the P tag also has a align attribute but does not approve the use of the - <Pstyle= "Text-align:center;">Entire line package label P</P> <!--IMG is a simple package if only a height or width picture is set to zoom in or out, the title Tag property represents the data that the mouse displays on the picture, and the alt represents the page that appears when the picture does not exist. The data shown - <imgsrc= "Img/127703.jpg"width= "300px"title= "Landscape Map"alt= "Picture"/> <!--H1 to H6 to represent the title, which in turn is a complex package - <H1style= "Text-align:center;">Li Banxia</H1> <H2style= "Text-align:center;">Li Banxia</H2> <H3style= "Text-align:center;">Li Banxia</H3> <h4style= "Text-align:center;">Li Banxia</h4> <h5style= "Text-align:center;">Li Banxia</h5> <h6style= "Text-align:center;">Li Banxia</h6> <!--BR for newline label properties HR for one-way size= "12px" sets its width this time there is a shadow noshade= "NoShade" fills the shadow Width= "" Sets the width of this line color setting The color of the line align (left center right) - <HRsize= "12px"NoShade= "NoShade"width= "50%"Color= "Antiquewhite"Align= "Left"/> <!--OL ordered label type can be set to a sequential representation start but set from a few start - <oltype= "a"Start= "4"> <Li>Software</Li> <Li>Computer Science and Technology</Li> </ol> <!--The UI unordered label type setting indicates that there is no start Label property because unordered - <ultype= "Square"> <Li>Software</Li> <Li>Computer Science and Technology</Li> </ul> </Body></HTML>
1, B Tags: bold, double label, such as <b>html</b>
2, I Tags: italic, double label, such as <i>html</i>
3. Del Tags: strikethrough, double label, e.g. <del>html</del>. Note: s and strike tags can also be implemented, but they are obsolete.
4,P tag: paragraph label, double label, p tag has only one align property, its properties are as follows four:
Note: It is not recommended to use the Align property, it is recommended to use the Text-align style instead, CSS syntax: <p style= "Text-align:right" > content </p> The value has the following five
Note: The property value "Inherit" property value is not supported by any version of Internet Explorer (including IE8).
Example
5,hr tag: horizontal line label, single label, its attribute has color (horizontal line color), NoShade (Set horizontal line color is solid color, not shadow color), size (horizontal line height, unit: pixel), width(horizontal line width, Units: pixels or %) and align, where the property value of the Align attribute is determined by the following three:
Example
6,HN tag: Title label, double label, n value is 1~6, where there is only one align property whose value is the same as the P label align property, but it is not recommended to use the Align property, which is recommended using the Text-align style instead, using the method and value see p label.
Example
7,img Tag: Image label, single label, the tag has the SRC attribute (image URL) and alt attribute (the picture does not exist in the alternative text) two required properties, there are some other properties, commonly used are as follows:
I, Height and width: Sets the height and width of the picture, in pixels or %
II, Title: Set the information displayed when the mouse moves over the element, note: any label has the title attribute, it is not the IMG tag Special
8,a tag: Hyperlink label, double label, it has the following functions:
I, users click the hyperlink to open the mail client program, syntax structure: <a href= "mailto:e_mail address? subject= topic" > Send Test Mail </a>
Attention:
A, if the href has a space, you need to use %20 to replace
B, this feature has browser compatibility defects, in Google Browser can not achieve the desired effect, need to set up a browser
Example 1. Example 2
II, create the anchor point, return to the specified anchor point, syntax structure: Create anchor point--<a name= "anchor name" ></a>return to the specified anchor --<a href= "#锚点名" > Back to Top </a>
Attention:
I, if the effect is implemented in this way, the HTML document header must declare that the current document is not HTML5, for example, declared as html4.01:<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 frameset//en" "HTTP://WWW.W3.ORG/TR/HTML4/FRAMESET.DTD" >
II. If the document is declared as HTML5 (that is, <! DOCTYPE html>), it is not possible to create an anchor point by a tag because the Name property is not supported in HTML5, which can be implemented by JavaScript script, as in the following code:
<href= " onclick=" Window.Scroll (0,0); This.blur (); return false; " > back to top </a>
III. Open the page specified by the HREF, and target specifies the window in which to open the page
Example
9,ol Tags: there is a sequence table label, that is, ordered list, double label, have type and start two properties: type to specify the number type of OL sub-label Li, default to numbers, can be letters, Arabic numerals or Roman numerals ; Start is used to specify the OL child label Li Ordinal start point, which defaults to 1 and must be an integer number.
Note:the type and start properties have compatibility issues with HTML4.01.
Example
ULTags: unordered list label, that is, unordered lists, double tags, has the type attribute, which is used to specify the UL sub-label Li's number type, the default is a solid circle, its value can be disc (solid circle), Circle (Hollow Circle 0), Square (solid block);
Example
Html--b i del a p img H1 H2 h3 h4 h5 h6 HR ol ul label how to use the detailed
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
