简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

Common html tags and their functions

下次还敢
Release： 2024-04-22 11:51:16
Original
838 people have browsed it

Common HTML tags include structure tags (used to define web page content), text tags (used to format text), link tags (used to create hyperlinks), image tags, form tags, media tags, Table tags, as well as other tags such as universal containers and preformatted text blocks. Together, these tags are used to build a website, define page layout, control text appearance, and add interactive elements.

Common html tags and their functions

Common HTML tags and their functions

HTML (Hypertext Markup Language) tags are the basis for website construction Components that define the content of a web page and control its appearance and behavior. The following are common HTML tags and their functions:

1. Structure tag

  • ##: used as the header of the web page Container of internal information, containing title, description, and metadata.
  • : Define the main content of the web page.
  • : Contains header elements such as the title and navigation bar of the web page.
  • : Contains the footer of a web page, usually used for copyright information or contact information.

2. Text tag

  • : Create a paragraph.

  • to

    : Define different heading levels.
  • and : Create bold and italic text respectively.
  • : Create underlined text.
  • : Mark text to draw attention.

3. Link tag

4. Image tag

##
    : Embed images into web pages.
    • 5. Form tag

##

: Define the form to allow users to enter data.
  • <input>: Create input fields for text, numbers, checkboxes, or radio buttons.
  • <button>: Create a button that triggers an action when clicked.
  • 6. Media tag

: embed the video into the web page.
  • <audio>: Embed audio files into web pages.
  • 7. Table tag

##

: Create a table.

: Create table rows.
  • : Create table data cells.
  • 8. Other tags

    • ##

    : Create a pre-formatted text block. 
    

    • : Create a horizontal line. 

    •  and <span>: used as general container elements, allowing to apply styles and group content. 
      • 

    • 

    The above is the detailed content of Common html tags and their functions. For more information, please follow other related articles on the PHP Chinese website!
                    
            
            
    
                                
    source：php.cn
    
                            
    
            
    
                                    
                        Previous article：What are the commonly used tags and attributes in html?
                    
                                    
                        Next article：What are the common characteristics of html tags
                    
                            
    
            
    
       
                
    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
    
            
    
           
    
            
    
                
    Latest Articles by Author
    
                
            
    
            
    
                
    Latest Issues
    
                
    
                                        
    
                        
    
                            function_exists() cannot determine the custom function
                            Function test () {return true;} if (function_exists ('test')) {echo "test is function...
                            
    
                                
    
                                     From 2024-04-29 11:01:01
                                
    
                                
    
                                    
      0 
    
                                    
    2
    
                                    
    1809
    
                                
    
                            
    
                        
    
                    
    
                    
    
                                        
    
                        
    
                            How to display the mobile version of Google Chrome
                            Hello teacher, how can I change Google Chrome into a mobile version?
                            
    
                                
    
                                     From 2024-04-23 00:22:19
                                
    
                                
    
                                    
      0 
    
                                    
    10
    
                                    
    1959
    
                                
    
                            
    
                        
    
                    
    
                    
    
                                        
    
                        
    
                            The child window operates the parent window, but the output does not respond.
                            The first two sentences are executable, but the last sentence cannot be implemented.
                            
    
                                
    
                                     From 2024-04-19 15:37:47
                                
    
                                
    
                                    
      0 
    
                                    
    1
    
                                    
    1659
    
                                
    
                            
    
                        
    
                    
    
                    
    
                                        
    
                        
    
                            There is no output in the parent window
                            document.onclick = function(){ window.opener.document.write('I am the output of the child ...
                            
    
                                
    
                                     From 2024-04-18 23:52:34
                                
    
                                
    
                                    
      0 
    
                                    
    1
    
                                    
    1560
    
                                
    
                            
    
                        
    
                    
    
                    
    
                                        
    
                        
    
                            Where is the courseware about CSS mind mapping?
                            Courseware
                            
    
                                
    
                                     From 2024-04-16 10:10:18
                                
    
                                
    
                                    
      0 
    
                                    
    0
    
                                    
    1592
    
                                
    
                            
    
                        
    
                    
    
                    
    
                                    
    
            
    
            
    
                
    
                    
    Related Topics
    
                    More>
                    
                
    
                
    
                    
                
    
            
    
        
    
    
    
        
    
            
    Popular Recommendations
    
            
    
                
            
    
        
    
        
        
    
            
    
                
    Popular Tutorials
    
                More>
                
            
    
            
    
                
    
                    
    Related Tutorials 
    
                    
    Popular Recommendations
    
                    
    Latest courses
    
                
    
                
                
                
            
    
            
        
    

        
    
            
    
                
    Latest Downloads
    
                More>
                
            
    
                        
            
    
                
    
                    
    Web Effects 
    
                    
    Website Source Code
    
                    
    Website Materials
    
                    
    Front End Template
    
                
    
                
                
                
                
            
    
            
        
    
    
    


    
    
    
        
    
            
    
                
    
                    
    
                        About us
                        Disclaimer
                        Sitemap
                        
    
                    
    
                    
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！