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

Detailed explanation of tags in html

May 09, 2018 am 10:47 AM
html Detailed explanation

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 of this Website
    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

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    AI Hentai Generator

    AI Hentai Generator

    Generate AI Hentai for free.

    Hot Article

    R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
    2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island Adventure: How To Get Giant Seeds
    1 months ago By 尊渡假赌尊渡假赌尊渡假赌
    Two Point Museum: All Exhibits And Where To Find Them
    1 months ago By 尊渡假赌尊渡假赌尊渡假赌

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

    Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

    Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

    This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

    HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

    Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

    HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

    Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

    HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

    Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

    How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

    This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

    Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

    Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

    HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

    Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

    See all articles