基础整理一:HTML标签

232 阅读2分钟

一、常用标签

  1. div:通常用来划分结构或模块
  2. p:段落标签,通常用来放置文字
  3. h1~h6:标题标签,h1是一级标签,以此类推,文字默认加粗,自豪逐渐减小。h1通常用来放置网站的标题和logo,同一文件下一般只出现一次,常用的是h3,h4,h5,用来放置小标题
  4. hr:分割线

二、列表常用标签

  1. 无序列表 ul li:通常用户格式重复出现的情况,内容前有圆点
  2. 有序列表 ol li:与无序列表相似,内容前有序列号
  3. 定义列表 dl dt dd:竖列显示,dd后内容有缩进
  4. 表格标签 table:tr是行,td是列
  5. 表单标签 form:举例input,不同type对应不同元素

三、文字常用标签

  1. span:通常放置几个字或小图标
  2. i和em:表示斜体(em已移除)
  3. b和strong:表示粗体(strong已移除)
  4. del和s:表示删除线,这两个我个人不常用,一般会在css中使用text-decoration:line-through
  5. u:表示下划线,一般会在css中使用text-decoration:underline
  6. sup:表示上标
  7. sub:表示下标

四、其他

  1. 图片标签 img:src属性中填写图片路径,alt属性中填写图片描述
  2. 超链接 a:默认蓝色,自带下划线,href属性中填写链接跳转地址

五、标签属性分类

  1. 块级元素 display: block:
    1)独占一行;
    2)可以设置宽高;
    3)在没有设置宽高的情况下,宽是父级的宽度,高是内容的高度
  2. 行内元素 display: inline:
    1)不独占一行;
    2)不可以设置内容的宽高;
    3)宽高是内容的宽高
  3. 行内块级元素 display: inline-block:
    1)不独占一行 2)可以设置宽高 3)在没有设置宽高的情况下,宽高是内容的宽高

六、注意事项

  1. 块级元素可以嵌套任意元素,行内元素只能嵌套行内元素
  2. a标签不能嵌套a标签
  3. ul和ol下只能嵌套li

这些标签不全,不涵盖H5的新标签,后续还会再详细整理。