Home > Developer > Web Develop
Q6: What are html tags and How do I use html tags properly? What special occasions need to use a specific label? (CSS not considered )
HTML Tags (Hypertext Markup Language Tags): is the most basic unit of HTML language, is the most important part of the HTML language.
"Use" is a keyword surrounded by angle brackets, such as:usually in pairs, as in<div></div>;The first label in the label pair is the start tag, the second is the end tag, and the start and end tags are also open and closed, and there are individually rendered labels, such as<br/>in general, the label content appears in pairs between two tags, a separate rendered label, the content is assigned in its properties, such as:<p>this is a paragraph</p>;<input type="Text" value = "button" >the content elements of a Web page need to be included intags, title, language, character format, compatibility, keywords, description and other information contained inwithin thetag, the content is contained within the<body>in some cases, while not writing code according to the standard but still can display the Web page, but for professional purposes, we should strictly according to the standard writing code.
A specific label means, for example, what labels to use when you want to display italic fonts, and summarize them here .
Q7: What do you think of div tags?
DIV(Division): Defines a partition or section in a document, dividing a document into separate sections. Can be used as a strict organizational tool and is not associated with any format. If you mark it with an ID or class , the label style will be richer and more effective.
DIV block-level elements that automatically enter a new row. the class ID is generally used to control it.
Div provides the structure and background for large chunks of content within an HTML document, and everything from the start tag to the end tag is used to make up the block, where the attributes of the containing element are controlled by the properties of the div tag. , or use style formatting to control,div tags become the area mark, set the calligraphy and painting table and other places.
Well, the above description is actually suitable for all tags. Based on the semantics of tags,
Title and its::
Division and its:<div></div> properties:Align:left Center right justify HTML4.01 and XHTML 1.0 Strict DTD not supported.
Block references: All text between <blockquote></blockquote> will be detached from regular text, often indented on the left and right sides, sometimes in italics, where blocks refer to their own space.
References, such as references, books <cite></cide>periodicals,text are displayed in italics.
Display source code:<code></code>;
Subscript:<sub></sub> superscript <sup></sup>
Typewriter body:<tt></tt> with single space font display
Scheduled format:<pre></pre> preserve text hollow lattice, line wrap
Align to:<center></center> Picture Text
Font: <font size=...></font> <font size=+|-?></font>
Define basic font Size color font (default): <basefont sizeof = "1-7"color.... ></basefont>
Font color:<font color = "#444" ></font>
Connection: <a href = "url" ></a>
Graphic alignment:
Replace text: Display text If no picture is displayed:<img src="" alt= ">
Map: <map name = "" ></map>
Paragraph: <area shape= "" coords= "" href= ""/>coords: coordinates
Low-resolution graphics: LOWSRC
embedded object:<embed src = "width=" ">
Paragraph: <p align = center right left>
Text section on par: <br clear= left right center/> when combined with graphics
Horizontal:<hr size= "" align= "Left center right" width = "px,%"/>
Solid line: non-wrapped <nobr></nobr>
Unordered enumeration: <ul type= "disc | Circle | Square ">.......<li type=" disc | Circle | Square "></li> .........<ul>
Ordered enumeration:<ol>....<li></li>.....</ol>type= "a A i I 0" start:<li value="4" >
Definition list:<dl><dd><dt></dl> DL definition DT DD Project
Catalogue Listing:<dir><li></dir>
Background and color: repeating background Image:<body background = "url" >
Background color <body backgrund-color="# #" >
Text color:<body text="# #" >
Link color:<body link="# #" > viewed Links:vlink; links in use:ALink
Special characters:< < > > < > registered trademark tm® copyright symbol © copyright symbol ©
Form: <form action= "url" method= "get Post" ></form>
Upload file: <form enctype= "multipart Form-data" ></form>
Input field: <input type= "text password checkbox radio image hidden Submit reset" name = "" VALUE = "" size= "width" maxlengt H= ""/>
Drop-down menu: <select name= "" Seze= multiple></select>
Option: <option selected>
Text input area: <texteara rows= cols = name = "" wrap= "off physical virtual line mode " ></texterea>
Table:<table></table>; table column:<tr></tr>; Save grid:<td ></td> need to be used with columns; table header cell:<th></th>; Table title:<caption> </caption>
Frame of view: <frameset rows= "relative size ,%" or cols = "relative size %" src ="name=" "_blank _sel F _parent _top marginwidth marginheight scrolling= "Yes No auto" ></frameset>
<frame noresize>
<noframes></noframes>
Web Front End Learning-Lesson two HTML
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
