Some of the common HTML tags

The basic structure of HTML

<HTML> 
<head> 
    <title> title </ title>     
</ head> 
<body> 
    page body content
 </ body> 
</ HTML>

 

Some HTML tags ( note <! DOCTYPE HTML> html tag does not belong, it is used to define the type of document )

Pre-formatting tags (Editor Chinese remain in this format, enter what, what is shown in the browser): <pre> </ pre>

文字斜体:<i></i>  <em></em>

Index: <Sub>

Superscript: <SUP>

Title tag: <h1 of> </ h1 of> ~ <H6> </ H6>

Paragraph tag: <P> </ P>

align alignment property values:

  left: Left

  right: right alignment

  center: Align

  justify: rows extending the length of each line is equal to

List Tags:

  Unordered list:

    <ul>

      <Li> list item </ li>

      <Li> list item </ li>

    </ul>

    Value of the type attribute: disc- dots

          square square-

          open circle circle-

  Unordered list:

      <ol>

        <Li> list item </ li>

        <Li> list item </ li>

      </ol>

      Attribute value of the type: Digital 1-

            lowercase letters a-

            A- capital letters

            i- lowercase Roman numerals

            I uppercase Roman numerals

 

  Definition lists:

  We practice using dl dt dd tags most places, usually with a title, but there are a number of simple correspondence list (column headings + corresponds to the title list) and the corresponding title below under the heading content.

 

 

 

<p>
  <dl>
    <dd>内容1</dd>
    <dd>内容2</dd>
    <Dt> Format </ dt>
    <dd>内容3</dd>
    <dd>内容4</dd>
   </dl>
</p>

 

 

The picture above shows is that the code running show content

 

Escape special symbols:

Image tag:

  <Img src = "" alt = "" /> (where alt character is displayed when the image does not come out when displayed)

 

 

 Hyperlink label :

  <a href="" >内容</a>

  href: link address, which can be internal links, external links may also be

  Air links can be expressed as <a href="#"> </a>

  _self means open in the original window, _blank means open in a new window

 

Anchor function: click to jump to the corresponding section

 

 

 

 E-mail link: <a href="mailto:邮件地址"> </a>

 文件下载:<a href="下载文件的地址"></a>

 

Guess you like

Origin www.cnblogs.com/helloCindy/p/11564236.html