HTML常用标签

127 阅读1分钟

1.a 标签的用法

1.1属性

  • href:超链接地址
  • target:指定该超链接的打开页面
  • download:下载该网页(很多浏览器不支持)
  • rel=noopener

1.2 作用

  • 跳转到外部页
  • 跳转到邮箱或电话等
  • 跳转内部锚点

1.3 a的href的取值

1.3.1 网址

  • http://qq.com
  • https://qq.com
  • //qq.com(无协议网址)

1.3.2 路径

  • /a/b/c以及a/b/c
  • index.html以及./index.html

1.3.3 伪协议

  • JavaScript:代码;
  • mailto:邮箱
  • tel:手机号

1.3.4 href=“#id” 跳转到指定标签

1.4 a的target的取值

1.4.1 内置名字

  • _blank:空白页
  • _top:顶级窗口
  • _parent:当前链接所在的iframe的上一层
  • _self:本层(默认值)

1.4.2 程序员命名

  • window的name
  • iframe的name

2. img 标签的用法

2.1 作用

发出get请求,展示一张图片

2.2 属性

  • src:嵌入的图片的文件路径
  • alt:对图像的文本描述,可无
  • height:高度
  • width:宽度(和高度两个任写一个,另一个会自适应)

2.3 事件

  • onload:加载成功
  • onerror:加载失败

2.4 响应式

max-width:100%

2.5 可替换元素

3. table 标签的用法

3.1 相关标签

  • thead
  • tbody
  • tfoot
  • tr:行
  • td:数据
  • th:表头

3.2 相关的样式

  • table-layout:用来显示表格单元格、行、列的算法规则
  • border-collapse:表格边框是否合并
  • border-spacing:表格间距

4. 学习体会

实操有助于理解知识点。