HTML学习笔记五——HTML常见标签三

一、常见标签

1. 超链接标签

a 标签，能够实现不同页面的跳转，内部可包含其它标签。
默认字体颜色为蓝色，点击链接后，自动跳转至新网页，且原网页所点击的a标签字体改为紫色。
属性：
（1）href——要跳转的网页链接，可以是完整的网页链接，也可以是本项目的其它网页（相对路径）；
（2）target——规定在哪里打开文档，一般默认为当前窗口打开，覆盖本网页，其取值有 _self（默认）、_blank（新窗口打开）；
（3）title——鼠标悬停上去时，展示的提示信息；
（4）name——用于设置 锚点，HTML5中不支持；

格式：<a href=“属性值” title=“属性值” target=“属性值”>网页名</a>

2. 表格

table 标签，内部只能放 tr 标签，而 tr 标签内部可以放 th 和 td 标签，td 标签中可以放其它标签。其中，tr 表示行，th 表示表头，td 表示单元格。
若要区别表头和表身，则可以在 table 标签里放置 thead 标签和 tbody 标签作为表头和表身区域，表头区域内放置一个 tr 标签，tr 中再放置多个 th 标签给表头的每个单元格命名，而表身区域则放置 tr 标签，tr 内放 td 作为内容单元格。

格式如下：

<table>
        <tr>
            <td>单元格内容</td>
            <td>单元格内容</td>
        </tr>
        <tr>
            <td>单元格内容</td>
            <td>单元格内容</td>
        </tr>
    </table>

各标签属性：
（1）table 属性
  width——表格宽度，单位可为 px 或百分比；
 注：百分比是相对于父元素的，父元素为 body 时，是相对于界面窗口的大小
  height——表格高度，单位可为 px 或百分比；
 注：父元素为 body 时，由于 body 高度是靠内容撑开的，因此单位为百分比时一般看不出效果
  align——表格水平对齐方式，取值有 left（默认）、center、right；
  border——设置表格外边框的宽度，默认宽度为0；
  bordercolor——表格外边框颜色；
  bgcolor——表格背景颜色；
  cellspacing——单元格之间的间距，一般有默认间距；
  cellpadding——单元格与内容之间的空隙；

（2）tr 属性
  height——行高；
 行宽固定，与表格宽一致
  bgcolor——本行背景颜色；
  align——控制行内文本的水平对齐方式，取值有 left（默认）、center、right；
  valign——控制行内文本的垂直对齐方式，取值有 top、middle（默认）、bottom；

（3）td 属性
  width——单元格宽度，某一单元格宽度更改时，同一列的单元格宽度跟着更改；
  height——单元格高度，某一单元格高度更改时，同一行的单元格高度跟着更改；
  bgcolor——单元格背景颜色；
  align——控制单元格文本的水平对齐方式，取值有 left（默认）、center、right；
  valign——控制单元格文本的垂直对齐方式，取值有 top、middle（默认）、bottom；
  colspan——要合并的单元格的列数；
  rowspan——要合并的单元格的行数；
 注：多余被挤出去的单元格要自己删去，且合并后的图形只会是长方形或正方形，不可能是L形

二、结语

本学习笔记主要用于记录博主个人的前端学习过程，目前学习资源来自b站千锋的前端1000集教学，如笔记内容有写错的地方，希望大家能够指出。同时，欢迎看到博文的小伙伴们与我一同学习！