Web Front End Learning (2)--html Common tags

Source: Internet
Author: User

HTML tags

  1. The
  2. A label

    A label is a hyperlink label that is used to link from one page to another. In the "Web Front End Primer Learning (1)" has mentioned 4 pseudo-classes, respectively, are A:link, a:visited, A:hover, a:active.


    A:link represents a link that was not visited when the visitor first opened the page without clicking on the link, the form of the display;

    A:visited represents the link that was visited, as opposed to link, after the visitor clicked on the connection, The form of the expression;

    A:hover represents the form that appears when the mouse is over a link, and the link changes after the mouse passes over it;

    A:active represents the form that is displayed when the user clicks the link.


    Note: The use of these 4 pseudo-classes, there is a sequence, not just write it. It is stipulated here that A:hover must be written behind A:link, a:visited, and a:active must be written behind A:hover. The


    href attribute is used to specify the destination URL of the link, which is the link address.

    such as <a href= " http://cherry360.blog.51cto.com/" > Little Qian gas station The

    Link is opened by default in this window, and if you want to open the link in a new window, you can add a target property:

    If <a href= " http://cherry360.blog.51cto.com/"  target= "_blank" > Little Qian gas station


  3. Span label

    The span label is used to group inline elements in a document that do not have a fixed formatting representation. When you apply CSS styles to it, visual changes occur. If you do not apply a style to <span>, the text in that element does not have any visual differences from other text. The <span> tag provides a way to separate part of a text or part of a document.


  4. Title label

    Title tags are h1~h6, such as

<! DOCTYPE html>

Note: When h6 is exceeded, the title label does not exist, and the font display is consistent with the default font for the browser you open.


4. Other Common Tags:

Paragraph label:<p> I am paragraph </p>

Important Text:<strong> strengthening </strong>

Emphasis on text:<em> emphasis </em>

.....

There are many more tags, see: http://www.runoob.com/tags/html-reference.html


5.HTML5 New Tags

Header: Defines the headers for a section of a document or document.

Nav: Defines the navigation link.

Section: Defines a region of the document.

Footer: Defines the footer of a section of a document or document.

Article: define independent content. The content itself must be meaningful and independent of the rest of the document.

Aside: Defines the content outside of the <aritcle> tag, which is related to the content nearby.

Time: Defines the Gregorian period or date.

Mark: Defines the marked text, in order to highlight the text.

IMG ( like a link, is a single label ): Defines an image of an HTML page with two necessary attributes: Src and alt.


This article is from "Little Qian gas station" blog, please be sure to keep this source http://cherry360.blog.51cto.com/12176744/1863510

Web Front End Learning (2)--html Common tags

Related Article

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.