HTML tutorial: Collect commonly used HTML tags (6) _ HTML/Xhtml _ web page creation

Source: Internet
Author: User
Related Articles: beginners are familiar with HTML to learn about some HTML tags (5). These HTML tags do not necessarily comply with XHTML specifications. You should make a choice in the actual layout, such as the B mark and FONT mark, which do not comply with the XHTML specifications. 1. Basic TAG elements ----------------------------------------------------------------- related articles: Introduction to HTML for beginners (5)
These introduced HTML tags do not necessarily fully comply with XHTML specifications. You should make a choice in the actual layout, such as the B mark and FONT mark, which do not comply with the XHTML specifications.
1. Basic TAG Elements
--------------------------------------------------------------------------
File Format(Beginning and end of an HTML file)
Topic (It must be placed in the header segment)
Header section(Description file, such as "topic 」)
Inner Section(Content)
2. Structure-related elements
--------------------------------------------------------------------------
Title (There are six types: H1, H2, H3, H4, H5, H6)
Title alignment
Section
Section alignment
Brief reference And
Is for some referenced files, if the referenced part is not long. You can consider using this label, which is the new syntax of HTML3.0.
Citation Section
Blockquote is used to indicate that files in a region reference a person or documents. If the commonly referenced text is used
And
To mark them. Then most browsers will express these words in another way. This is just to remind readers that this is part of the reference to others.
Emphasize (Usually in italics)
Strong emphasis (Usually displayed in) the character of this particularly reinforced tone is STRONG and
Both of them use enhanced tone. Most browsers use a bold face to indicate AndThe marked word.
Reference statement (Usually in italics) AndMark the words that reference others
Original program code If you are writing something on a computer, you can use the CODE
This tag is used to mark some related words. AndMark related words.
Program output sample If you want to print HTML
. Readers may need some special techniques to print these characters. Outside of these characters, readers can use SAMP
This symbol marks them. This label features that the marked text is expressed with a fixed width.
Keyboard Input The KBD label is usually used to tell the reader which words can be typed, which are marked
KBD characters are generally expressed in fixed-width bold characters. However, some browsers only use fixed-width characters.
Program variables For some words that may be changed, HTML provides
VAR labels are used to display the variables or words that may be easily changed. Available And
To mark them. This reminds users that these variables may change.
Definition(Some browsers do not have this function .)
It uses some defined words. Then, you can consider using the DFN label. If you use the Mosaic browser. SoAnd
The marked text is displayed in italics. Other browsers are not necessarily.
Author address
Big character
Small character
Language
In a file, if you use more than two languages, you can use And To mark it. This is also the new syntax of HTML3.0.
Author (AU)
AndIt does not represent an ordinary AU file. This label is used in the reader's article. If some authors are mentioned, a tag can mark the authors. This is also
HTML 3.0 is a tag specially designed by the author.
Individuals
(PERSON) in many indexing programs, the program sometimes displays some information pages while displaying these information pages. If some personal names are mentioned. Then you can use
And To mark these names. This syntax is also added to HTML 3.0.
ACRONYM)
In English, some words are combined by several words. If the reader encounters such a word, the reader can consider using
Tags enclose them. Although this is the new syntax in HTML3.0. However, such a syntax is not very helpful for Chinese users.
Like ACRONYM, ABBREV also has many abbreviations in HTML 3.0.
A new label is used for these abbreviations. This new label is also called an ending symbol..
Insert (INS) in an HTML file. If you insert a word into an existing file, you can consider using And
To mark these words. This allows you to check whether this document has been corrected. Of course, this syntax is also in HTML 3.0
The newly added syntax.
The Delete (DEL) syntax is used to tell the reader to delete certain words or some part related to the deletion. In this case, the new tag also appears in HTML3.0.
3. TAG elements related to the display mode
--------------------------------------------------------------------------
Bold
Italics
Bottom Line (Some browsers do not have this function)
Strikethrough (Some browsers do not have this function)
Strikethrough (Some browsers do not have this function)
Subscript
Superscript
Typewriter (Font with the same width as other text elements)
Based on the predefined format
(Maintain the relative position between texts) 

Width of the predefined format
(In characters) 

Center (Both text and graphics align)
Flashing
Font size (from 1 to 7)
Change font size
Basic font size (Default value: 3)
Font color
Specified font
Multi-Column
Interval between infield text and edge (The default value is 10 pixels)
Column width
White
White leave type
White space
White space size
White position
4. hypertext links and graphic elements
--------------------------------------------------------------------------
Link to a specified URL
Link to the anchor (the anchor is in another file)
(The anchor is in the same file)
Link to the specified frame target = "*** | _ blank | _ self | _ parent | _ top">
Set "anchor 」
Positive correlation (Some browsers do not have this function)
Reverse link (Some browsers do not have this function)
Display graphics
Image Location
Image Location
Replace the graphic text (if the text cannot be displayed)
Click a graph (must work with the. map file)
Client-side clickable graphics
Click a chart name
Select a region
The image size (in pixels) describes the width and height of the image display.
The Border width (in pixels) outside the image.
Surrounding white (in pixels)
Vspace and heat map describe the vertical and horizontal intervals between graphics and text.
Regular updates of low-resolution graphics on the user side HTTP-EQUIV = "Refresh" CONTENT = "?; URL = URL ">
Plug-in object (Add the Plug-in object to the file)
Object size
5. Divide the paragraph TAG Element
--------------------------------------------------------------------------
Section

(End mark

Can be omitted)
Specify text alignment


Force Line Disconnection

Specify the start point after the disconnection

Horizontal line
Horizontal line position
Horizontal line thickness (down) (In pixels)
Horizontal line length (to the right) (In pixels)
Horizontal line ratio width (Percentage of relative page width)
Solid line (No concave and convex three-dimensional effect)
Disconnected rows
Line Break (The line can be broken here as needed)
6. List Elements
--------------------------------------------------------------------------
Unordered listing

Simplified

    Header symbol type
      (Used for all listed items)
    • (This item and its subsequent items)
      Ordered listing

      Simplified

        Digital state
          (Used for all listed items)
        1. (This item and its subsequent items)
          Start number
            (Used for all listed items)
          1. (This item and its subsequent items)
            Defined list
            (
            = Define a project,
            = Definition content)
            Simplified

            Menu type list
          2. (
          3. Before each list)
            Simplified
            Directory Listing
          4. (
          5. Before each list)
            Simplified
            7. Background and color TAG Elements
            --------------------------------------------------------------------------
            Background Pattern
            Background Color
            Text color
            No connected dot color
            Color of links
            Color of the connected Node
            8. Replace special characters (lowercase letters are required for replacement of the following replicas)
            --------------------------------------------------------------------------
            Special characters &#?; (? ISO 8859-1 code)
            <
            >
            &&
            ""
            Registered TM?
            Copyright?
            Non-Breaking Space
            9. mathematical equation
            --------------------------------------------------------------------------
            Example 1,

            H (s) = Limit 0 ∞
            Esth (t) dt

            Example 2,

            C DVout
            Dt = Ib
            & Tanh ;( K (Vin
            -Vout) 2
            CdVoutdt = Ib & tanh; (k (Vin-Vout) 2
            Example 3,

            (
            & Ldet;
            X11
            X12
            X21
            X22
            & Rdet;
            Y Z
            ) ,
            From the three examples, we can see that:
            We use & int to represent the "integral symbol", which indicates the subscript and superscript;
            It indicates that the subsequent projects will be considered as a group; Table division number. To process the symbols of the matrix, align = C | L | R> the position in the table project, left, right. Project In front of the data. & Ldet indicates the left side of the determinant, and the right side of the & Rdet table determinant.
            (Carriage return)

            (Space character)
            & (AND symbol )&
            <(Left angle brackets, less than signs) <
            > (Right angle brackets, greater than signs)>
            ° (Degree) °
            ? (Delimiter )•
            ′'
            ""
            "
            ""
            ‰‰
            Zookeeper
            Zookeeper

            Zookeeper
            ?↔

            Zookeeper

            Zookeeper
            Zookeeper
            Zookeeper
            Zookeeper
            Zookeeper
            ? Ø
            Zookeeper
            Zookeeper

            $ (RMB) ¥
            ===
            Zookeeper
            ≤ Or equal

            Zookeeper
            λ
            μu
            ν
            ε
            ν
            ε
            Zookeeper
            Sigma
            ¥ ¥
            ... ...
            1 (single-party sign) Limit
            2 (square symbol) ²
            3 (cubic symbol) percent
            (Bidding) nr
            (Subscript) Ci
            Bold Bold
            Italics Italics
            Underline Underline
            ± (Plus or minus sign) ±
            × (Multiplication symbol) ×
            & Pide; (division symbol) & pide;
            ? (Copyright)©
            ? (Registered trademark)®
            ? (Trademark)™
            -(Break number )-

      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.