元素的划分

1,元素类型分类:

  块状元素、内联元素(包含行内块元素)
   注:把行内块元素 归在 内联元素这一类里面。

2,特点

   1) 块状元素特点:
    	 1:在页面中以矩形区域显示。
    	 2:自上而下排列,独占一行
         3:可以直接添加宽高
         4:一般情况下,作为其他元素或内容的容器 

2)内联元素特点:
        1:在页面中最小单位也是矩形。
        2:在一行内逐个排列。 
        3:不可以直接添加宽高,大小是由内容撑开的。
        4:内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom)

3,常见的标签属于的类型

 1)块状元素:
        div -最常用的块级元素
        dl - 和dt-dd 搭配使用的块级元素
        form - 交互表单
        h1 -h6- 大标题
        hr - 水平分隔线
        ol – 有序列表
        p - 段落
        ul - 无序列表
        li
        fieldset - 表单字段集
        colgroup-col - 表单列分组元素
        table-tr-td  表格及行-单元格
        
 2)内联元素
        a –超链接(锚点)                               
        b - 粗体(不推荐) 
        br - 换行                             
        i - 斜体
        em - 强调                             
        img - 图片                         
        input - 输入框               
        label - 表单标签                  
        span - 常用内联容器,定义文本内区块
        strong - 粗体强调
        sub - 下标   
        sup - 上标
        textarea - 多行文本输入框
        u - 下划线
        select - 项目选择  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值