《HTML常用标签》

96 阅读2分钟

1、<a>标签的用法

<a href="baidu.com" target="_black">

a标签的属性如下:

  1. href(hyper reference)超链接指向的链接地址
    • 可以填写点击需要访问的链接地址实现外部访问;
    • 也可以是锚点id名实现内部定位跳转,或JavaScript代码;
    • 另外也可以填写 "mailto:+邮箱地址" 实现进入向指定邮箱地址的抄送页面;
    • 还有使用 "tel:+电话号码" 在手机端实现跳转指定电话的拨号页面

  2. target 该属性指定在何处显示链接的资源
    • _self: 当前页面加载
    • _blank:新窗口打开,即到一个新的未命名的网页窗口
    • _parent:加载响应到当前框架的父框架。如果没有parent框架或者浏览上下文,此选项的行为方式与 _self 相同。
    • _top: HTML4中取消所有其它frame,加载的响应为原来的完整的窗口。

  3. rel 属性用于指定当前文档与被链接文档的关系

2、<img>标签的用法

<img src="baidu.com/log.jpg" target="_black" alt="logo">

img标签的属性如下:

  1. src 属性是必须的,包含了你想嵌入的图片的文件路径
  2. alt 属性包含一条对图像的文本描述
  3. width属性指定图片文件显示的宽度
  4. height属性指定图片文件显示的高度

3、<table >标签的用法

<table>
    <thead>
      <tr>
        <th>样式属性</th>
        <th>描述</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>table-layout</td>
        <td>这个属性定义了表格单元的内容和边框之间的空间<br>常用的值是auto和fixed</td>
      </tr>
      <tr>
        <td>border-spacing</td>
        <td>这个属性(使用百分比或像素)定义了两个<br>单元格之间空间的大小(从水平和垂直方向上)</td>
      </tr>
      <tr>
        <td>border-collapse</td>
        <td>这个属性定义了表格单元的内容和边框之间的空间</td>
      </tr>
    </tbody>
    <tfood></tfood>
  </table>

table 元素表示表格数据— 即通过二维数据表表示的信息
不少table属性已经废弃,一般在CSS里使用它们。

样式属性 描述
table-layout 这个属性定义了表格单元的内容和边框之间的空间
常用的值是auto和fixed
border-spacing 这个属性(使用百分比或像素)定义了两个
单元格之间空间的大小(从水平和垂直方向上)
border-collapse 这个属性定义了表格单元的内容和边框之间的空间

其他感想

自html5诞生不少html4的内容已经逐渐废弃,有些属性的用法既要考虑现在的流行性也要考虑浏览器的兼容性,这对前端的挑战肯定是有的 ,所以需要通过拓宽自己的知识面去实现技术的正确应用,只守住自己的一亩三分地在这个技术迭代日新月异的时代里是一种落后的行为。