Web Front End Learning-Lesson two HTML

Source: Internet
Author: User

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

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.