HTML basic Building Station knowledge

Source: Internet
Author: User
Tags border color

At present, the Internet Web site in the display to the user interface is required to use the HTML framework. HTML is a wide range of applications, whether it is the Web front-end or the background need to understand the basis of HTML, in the HTML is often exposed to the tag, what is the label it? In a very simple way, there are inherent commands, such as: "Attention", "cross-stand" ... Words such as commands.

Look at the Baidu encyclopedia how to say:

HTML tags     Hypertext Markup Language (foreign language abbreviation: HTML) tag tags are often referred to as HTML tags, HTML tags are the most basic unit in the HTML language, and HTML tags are the most important component of HTML (an application under the standard Universal Markup Language). The capitalization of the   HTML tag is irrelevant, for example, "body"<body> the meaning of <BODY> is the same, it is recommended to use lower case.

Often to write some of the basis of the HTML for a long time to know that those are the label words, which is the basis of the HTML structure? Let's take a look at the simple structure of HTML.

The structure that makes up a Web page must be labeled and web-based:

< HTML > < Head >   Here is the head  of the Web page ... ... </ Head > < Body >   Here is the main body  of the Web page ... ... </ Body > </ HTML >

The importance of HTML in addition to the label is the same as the attributes of the tag is also important, you can say that the Web front-end HTML sites are tagged with the property code up. Property provides additional information for HTML elements.

< a > The label definition. The address of the link is specified in the href attribute:<href= "http://www.claidx.com"> Chengdu Niche Network Marketing Training college </a>

Here are some HTML built station some of the usual tag words and attribute words, you can get an initial look at the HTML tags and attributes of the function

<HTML></HTML>Represents a standard HTML page,<HTML>indicates page start</HTML>indicates end of page<Head></Head>represents the head of a Web page<title></title>represents the title of a Web page<Body></Body>represents a Web page body<BR/>(single label) line wrapping<P></P>paragraphs (line breaks, segment spacing)<b></b>Bold<Strong></Strong>Bold (emphasis)<I></I>Tilt<em></em>Tilt (emphasis) h tag article title from<H1>To<h6>Effect: (change text size, bold, paragraph, emphasis)<Center></Center>Center Format:<Label name attribute 1= "value"Property 2= "value"></Label name><Font></Font>Text Style properties: color, size size, face font;<HR/>(Single label) properties: color colors; size thickness; Width (long)<img/>Picture properties: src picture path; width wide height; title title (Pop-up hint text) alt Replace text (the picture cannot be displayed, replace with text)<a></a>Hyperlink properties: Href path (if the path in the href is a URL, then it must be preceded by http://). The method of jumping between different positions in the same page:<PID= "Label"></P><ahref= "#标签">I'm the label.</a><Body></Body>properties: bgcolor background color; background background image<Embed></Embed>property: wmode= "Transparent flash background transparent width height<ul></ul>unordered list<Li></Li>represents an item in the list Type list style disc solid Circle Circle Hollow Circle Square Square<ol></ol>ordered list properties Type list style 1 Arabic numerals; a lowercase letter; A Capital Letter; I roman numerals (lowercase); I Roman Numerals (uppercase)<DL></DL>Custom List List:<DT></DT>Or<DD></DD>(custom list only)<Table></Table>Table<TR></TR>Represents a row<TD></TD>represents a cell note: The content is written in the<TD>inside properties: Border border, width, height, align alignment value: Left center right bordercolor border color bgcolor background Color background background picture cellspacing cell spacing<TD></TD>properties: colspan spanning (landscape) rowspan spanning (portrait)<iframe></iframe>Framework Width Height height frameborder frame Border Note: The content that is called in the IFRAME cannot be recognized by the search engine<Div></Div>      Layer (box) CSS cascading style sheet CSS Properties Border-style border style values: solid solid line; dotted dashed; double solid line border-color border color border-width Edge    Box thickness margin around margin:auto (center) margin-top Spacing, margin-bottom under the spacing Margin-left left, margin-right right spacing width; height Height background-color background color background-image background image value: url (picture path) Background-repeat background repeating mode value: No-repeat not repeating; repeat-x transverse repetition Repeat-y longitudinal repeat background-position background position value: center, left, right, top, bottom or 2 digits backgroundbackground-size the back of a coordinate         Landscape size float Floating (floating) value: Left, right padding around fill padding-top fill Padding-left left fill padding-right Right padding padding-bottom under Fill font text font-size font size font-family color Font-weight:bold Bold                    Text-indent:2em First Line indent 2 characters text-align text alignment value: left; center; rightline-height Line high text-decoration text style Value: None, Underline underline overline, Line-through strikethrough display mode value: block block display; no Ne none (Hidden) class selector: HoVer is a pseudo class, mouse hover 

HTML basic Building Station knowledge

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.