HTML中常见标签

定义:标签(标记,元素)
由尖角号和关键字组成
大部分是成对出现的,也有单独出现的

分类:

闭合标签:成对出现的标签,前面的叫开始标签,后面的叫结束标签,或者开放标签和闭合标签
自闭合标签;单独出现的叫自闭合标签,或者叫空标签

常用标签
块标签的特点
1.单独占一行
2.宽度,高度,内边距外边距等都可以设置
3.宽度默认是容器宽度的100%
4.可以容纳其他的块标签,内联标签,内联块标签。
内联标签的特点
1.在同一行显示,
2.宽度高度,垂直方向的padding和margin不可以设置
3.宽度有内容撑开
4.不能容纳块标签(a标签特殊)。
内联块标签特点
1.在同一行显示,但是之间会有空白缝隙
2.宽度是本身内容的宽度
3.宽高,行高,内外边距都可以控制
1、块标签

  • 单独占一行 可以设置所有样式
    如:h1 h2 h3 h4 h5 h6 p div ul li ol dl dt dd
    2、内联标签
  • 在同一行显示 不能设置所有样式(比如宽度,高度)
    如:Strong b em I span a
    3、内联块标签
  • 在同一行显示 可以设置宽高
    如:img

标题:
H1 主标题(一级标题) 通常一个页面只用一次
H2 二级标题
H3 三级标题
H4 四级标题
H5 五级标题
H6 六级标题

标签意义:

  • P : 段落

  • Div : 没有任何语义的,可以把他看做一个盒子或者一个块

  • Strong b 都可以让文字加粗,都是内联元素,区别是:strong更有强调的意义

  • em i 都可以让文字倾斜,都是内联元素,区别是:em更有强调的意义

  • ul li 无序列表: ul和li固定嵌套,ul的直接子元素必须是li,li里面可以放其他标签 li的父元素必须是ul或者ol

  • ol li 有序列表: ol和li 固定嵌套,ol里的直接子元素必须是li,li里面可以放其他标签

  • dl dt dd 自定义列表: dl是父元素,dt和dd是子元素(兄弟元素的关系) dd是对dt的解释和说明

  • span 没有任何语义

  • img 图片: src=”图片的路径” title=“” 图片的标题,鼠标放到图片上显示 alt=””
    图片的描述,图片的路径出现问题,或者加载不出来的时候会显示里面的文字

  • br标签: 自闭合标签 强制换行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值