Home >Web Front-end >HTML Tutorial >Detailed explanation of tags in html

Detailed explanation of tags in html

墨辰丷
墨辰丷Original
2018-05-09 10:47:322474browse

HTML tag is the most basic unit in HTML language, and HTML tag is the most important component of HTML. The content of the web page needs to be in the tag, the title, character format, language, compatibility, keywords, description and other information are displayed in the tag, and the content to be displayed on the web page needs to be nested in the


1. Document structure tag: mainly used to identify the basic structure of the document

a) : identifies the HTML document The start and end of

b) : identifies the head area of ​​the HTML document

c) : identifies the HTML The main area of ​​the document

2. Text format tag: mainly used to identify text blocks, and comes with a certain display format

a) : Indicates Web page title

b) : Identifies the title text, where i represents 1~6, indicating first-level, second-level titles respectively

c) < p>

:Identifies paragraph text

d)

:Identifies predefined text

e)

:Identify quoted text

3. Character format tag: Mainly used to identify the semantics of some text characters, such as bold/italic/underline display

a)

b) : Marks quoted text, displayed in italic effect

c) < ;/blink>: Identifies blinking text and displays it with a blinking effect (IE browser does not support this tag)

d) /: Logo enlarge/reduce the text, and display it with the enlargement/reduction effect

e) : Logo the text, and display it with the superscript effect

f) : Mark the text below and display it as a subscript

g) : Mark the quoted text and display it as a quote

Use various characters The format tag displays the solution to a mathematical equation





Character format tag


For the following quadratic equation of one variable:< /p>

x2-5x =0


We use the factorization method to demonstrate problem solving as follows:< ;/p>

By:(x-1)(x-4)=0< ;/p>

Get:
x1=1
                                 
x2=4



4. List tag: List structures in HTML can be divided into two types: ordered lists and unordered lists. Unordered lists use bullets to identify lists, while ordered lists Use numbers to identify the order of items in a list.

a) 

  • ...
:标识无序列表.
  • :标识列表项目

    b) 

    1. ...
    :标识有序列表.
  • :标识列表项目

    i. 使用无序列表和有序列表分别显示一元二次方程求解的4种方法




        
        列表标签


    解一元二次方程


    无序列表列出4种方法:



          
    • 直接开平方法

    •     
    • 配方法

    •     
    • 公式法

    •     
    • 分解因式法


    有序列表列出4种方法:



          
    1. 直接开平方法

    2.     
    3. 配方法

    4.     
    5. 公式法

    6.     
    7. 分解因式法



    c) 

    ...
    ...
    :自定义列表,包括词条和解释两部分内容.

    i. 

    标识定义列表;
    :标识词条;
    :标识解释

    ii. 使用定义列表显示两个成语的解释




        
        列表标签



        
    知无不言,言无不尽

        
    知道的就说,要说就毫无不保留

        
    智者千虑,必有一失

        
    不管多聪明的人,在很多的考虑中,也一定会出现个别错误




    5.链接标签:实现把多个网页联系在一起

    a) :标识超链接.还可以定义锚点.锚点是一类特殊的超链接,它可以定位带网页中某个具体的位置.例如在下面实例中单击超链接文本,就可以跳转到页面的顶部.




        
        链接标签


    底部锚点位置
    撑开浏览器的滚动条


    Click to return to the top

    6. Multimedia tag: Mainly used to introduce external multimedia files for display.

    a) : Embed image

    b) < /embed>: Embed multimedia

    c) : Embed multimedia

    7. Table tag: used to organize and manage data.

    a)

    : Define the table structure

    b) : Define the table title

    c) < /th>:Define table header

    d) ...:Define table rows; ...Define table cells





    Table



    " ASCII character set
    " "
                                                                                                                                9
                               < tr>






    8. Form tag: mainly used to create interactive forms .

    a)

    : Define form structure

    b) : Define text fields, buttons and checkboxes

    c) : Define a multi-line text box

    d) : Define a drop-down list

    e) : Define the selected item in the drop-down list




                                                                                                                                                     <



    Single-line text field:


    ;

    Password field:


    ;

    Multi-line text field:< ;textareaname="textareafield"value="">


    Checkbox:
    Checkbox1Dancing

                                                                                                                                                                   box1"                                                                  box1"value="", " p>
                                                                                                                                radio"value="nv">Button 2

                                                                                           "1">Option 1
    #                                                                                                                         ;






    Related recommendations:


    How Let the html fields in the data be converted into HTML tags


    ##html tag classification

    Convert strings with html tags into HTML tags

    The above is the detailed content of Detailed explanation of tags in html. For more information, please follow other related articles on the PHP Chinese website!

    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article:How to implement a simple html video playerNext article:How to implement a simple html video player

    Related articles

    See more