html - 基础知识

107 阅读2分钟

排版标签

  1. 标题标签 h系列
  2. 段落标签 p
  3. 换行标签 br
  4. 水平线标签 hr

文本格式化标签

加粗: stong、 b
下划线:ins、u
倾斜:em 、 i
删除线: del、s

媒体标签

  • 图片标签 img标签 + src属性 + alt属性 + title属性 + width属性 + height属性
  • 路径 绝对路径和相对路径
  • 音频标签 audio src属性 + controls属性
  • 视频标签 video src属性 + controls属性

链接标签

a标签 + href属性 + target属性

列表标签

无序列表 ul li

  • li标签中可以嵌套任意内容

有序列表 ol li

自定义列表 dl dt dd

  • dl标签中只允许包含dt/dd标签

表格标签

表格的基本标签

  • table标签:表格整体
  • tr标签:表格每行
  • td标签:对于主题的每一项内容

表格相关属性

  • border
  • width
  • height

表格标题和表头单元格标签

caption标签:

  • 表格整体大标题:caption标签
  • 书写在table标签内部

th标签:

  • 表头单元格:th标签
  • 书写在tr标签内部(用于替换td标签)

表格的结构标签(了解)

  • thead:表格头部
  • tbody:表格主体
  • tfoot:表格底部

合并单元格

  • rowspan:跨行合并→垂直方向合并
  • colspan:跨列合并→水平方向合并

表单标签

  1. input系列标签

image.png

  1. button按钮标签
  2. select下拉菜单标签
  3. textarea文本域标签
  4. label标签

语义化标签

  1. 没有语义的布局标签
  • div:独占一行
  • span:一行中可以显示多
  1. 有语义的布局标签(了解)
  • header:网页头部
  • nav:网页导航
  • footer:网页底部
  • aside:网页侧边栏
  • section:网页区块
  • article:网页文章

字符实体

场景:如果在html代码中同时并列出现多个空格、换行、缩进等,最终浏览器只会解析出一个空格

空格的字符实体是