HTML常用标签

163 阅读2分钟

a 标签的用法

<a>标签定义超链接,可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

属性

  • href:包含超链接指向的URL或URL片段。
取值类型 示例 描述
网址 <a href="//baidu.com">百度</a> 无协议网址,自动选用适用的http或https
路径 <a href="a/b/c.html">页面c</a> 相对路径,在当前目录下打开c.html
id <a href="#xxx">点击跳转</a> 跳转到指定标签<p id="xxx">一段话</p>
伪协议 <a href="javascript:;">AAA</a> 执行空的js代码
<a href="mailto:abcdefgh@qq.com">发送邮件</a> 发邮件
<a href="tel:123456789">联系我</a> 拨打电话
  • target:在指定窗口打开链接。
属性 描述
target _blank 在新窗口打开
_parent 在父级窗口打开
_self 在当前窗口打开,默认
_top 在顶层窗口打开
xxx(自定义) 创建一个名为xxx的窗口,并在此窗口打开
  • download: 此属性指示浏览器下载URL或者文件而不是导航到它,因此将提示用户将其保存为本地文件。

img 标签的用法

  • img:定义 HTML 页面中的图像。
属性 描述
src url 显示图片的路径
alt text 图片无法正常显示时的替代文本。
height px 图片高度(只指定高度,宽度自适应)
width px 图片宽度(只指定宽度,高度自适应)
  • 事件:onload/onerror,监听图片是否加载成功。
  • 响应式:添加属性max-width:100%

table 标签的用法

标签 解释
table 表格
thead 表头
tbody 表身
tfoot 表尾
tr
th 表格头部
td 表格数据

*注:tr内不能插入其他标签。  

属性 解释
table-layout 为表设置表格布局算法,默认为auto
border-collapse 合并单元格
border-spacing 单元格间距

其他感想

学习课程后,完善了一些知识盲点,对于我学习前端知识非常有帮助。