首页 > 代码库 > HTML标签类型及特点

HTML标签类型及特点

2024-09-24 16:00:39   214人阅读

关键词：块级元素  行级元素 行内块元素
 

一、 概述

 
        HTML（Hyper Text Markup Language ）作为一种标记语言，网页所有的内容均书写在标签内部，标签是组成Html页面的基本元素，因此对标签特性的理解在HTML的学习过程中比较重要。

二、基本分类

     HTML中的标签从闭合的角度可以分为闭合标签和空标签。而HTML中大部分标签都是闭合标签，其他少数为空标签，常见的空标签有<input />、 <img />、  <area />、 <base />、 <link />等。
 
      HTML中对标签另一种分类方式，是根据标签在文档中的位置特性进行分类的，它将元素分为三类：块级元素，行内元素，行级块元素（也称块级行元素）。
 
      1.块级元素（block）
       　　特点： （1）可以设置宽高、内、外边距；
              　　（2）独占一行（即前后均有换行）；
              　　（3）块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。
       　　 常见的块级元素： div、p、h1、h2......hn，ol、ul、dl、li、form、table
         
     2.行级元素(inline)
          特点： （1）不可设置宽高、上下内、外边距。（左右内、外边距设置有效）
                     （2）其宽度和高度由其内容自动填充。
                     （2）其他行级元素共处一行 ；
           常见的行级元素：a、span、i、lable等
 
      3.行内块元素（inline-block）
            特点：（1）可以设置宽高、内外边距；
                       （2）可以与其他行内元素、内联元素共处一行；
            常见的内联元素：input、img
 
       4.元素之间的转化
               可以在行内样式或css样式中改变元素的display将三种元素进行转换。
               display:block；(将元素变为块级元素)
               display:inline；  (将元素变为行级元素)
               display：inline-block；（将元素变为行级块元素）
 
 
                
                    
        
              
               
              
               
 
 
 

HTML标签类型及特点


联系
我们