..."; 2. "
...
"; 3. "

...

" ; 4. "
"; 5. "

...

"; 6. " 
" and so on."/>
   
   
   ..."; 2. "
   

    ...
   
"; 3. "
...
" ; 4. "
   
"; 5. "
...
"; 6. "
" and so on.">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

     

      
     

    

    

     

      
     

    

    

     
     

      

       

        
        

         
         

          
          

           简体中文（ZH-CN）
           English（EN）
           繁体中文（ZH-TW）
           日本語（JA）
           한국어（KO）
           Melayu（MS）
           Français（FR）
           Deutsch（DE）
          

         

         
        

       

      

      

       

        

         

          

           Home
          

          

           Article
          

          

           Q&A
          

          

           Course
          

          

           Topic
          

          

           Download
          

          

           Game
          

          

           Dictionary
          

          

           Recent Updates
          

          

         

        

       

      

     

     
     

      
      

       

        
        
Home>Article>Web Front-end> What are the block elements of html?

        
        

       

      

      

       

        
What are the block elements of html?

        

         藏色散人
         

          

           藏色散人
           Original
           

          

          

           2021-04-12 10:12:09
           17076browse
           

          

         

         

        

       

       

        

         
html block elements are: 1. "

         
..."; 2. "
          

           ...
          
"; 3. "< ;h1>..."; 4. "
          
"; 5. "
...
"; 6. "
" and so on. 
 
What are the block elements of html?
 
The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer. 
 
Most of the elements in HTML (Hypertext Markup Language) are "block-level" elements or inline elements. A block-level element takes up the entire space of its parent element (container), thus creating a "block". Usually browsers will add a new line before and after block-level elements. 
 
HTML block element description: 
 
     
  • Always start on a new line
    •  
  •  Both height and width are controllable
    •  
  • When the width is not set, the default is 100%
    •  
  • Block-level elements can contain block-level elements and inline elements
    •  
 
HTML block elements:
 
Block-level elements: Block-level elements are mostly structural tags
 
< address>...
 
...
 Address text
 
...
 Title 1 Level
 
...
 Heading Level 2
 
...
 Heading Level 3
 
< ;h4>... Title level four
 
...
 Title level five
 
...< /h6> Heading level six
 
 Horizontal dividing line
 
...
 Paragraph
 
.. .
Preformatting

          

           ...
          
Paragraph indentation is 5 characters before and after

           
            ...
            Scroll text
            

            

            
    
             ...
            
Unordered list
            

            

            
    
             ...
            
Ordered list
            

            

            

             ...
            
Definition list
            

            

            
             ...
            
Table
            

            

            

             ...< /form> Form
             

             

             

              ...
             

             

             
[Recommended learning:HTML video tutorial]

             
The above is the detailed content of What are the block elements of 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 display html table without line breaks
              Next article：How to display html table without line breaks
             

             

              

               
Related articles

               See more