这是我参与「第四届青训营 」笔记创作活动的的第2天
超链接标签
<a> 标签用于定义超链接,作用是从一个页面链接到另一个页面
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
href用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
target用于指定链接页面的打开方式,其中_self为默认值,时在当前窗口打开,_blank为在新窗口中打开方式。
链接分类:
- 外部链接:
<a href="https://www.csdn.net"> CSDN </a>
- 内部链接: 网站内部页面之间的相互链接直接链接内部页面名称即可。
<a href="test.html"> 测试 </a>
- 空连接
<a href="#"> 空链接 </a>
- 下载链接: 如果href里面地址是一个文件或者压缩包,会下载这个文件。
- 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
<a href="链接"><img src="图像文件名"/></a>
- 锚点链接: 当点击链接,可以快速定位到页面中的某个位置。
在链接文本的href属性中,设置属性值为#名字的形式,如
<a href:="#two">第2集</a>。找到目标位置标签,里面添加一个id属性=刚才的名字,如:
<h3 id="two">第2集介绍<h3>。
注释和特殊字符
<!-- 注释 -->
| 特殊字符 | 字符的代码 |
|---|---|
| (空格) | |
| < | &It; |
| > | > |
| & | & |
| ¥ | ¥ |
| © | © |
| ® | ® |
| ° | ° |
| ± | ± |
| × | × |
| ÷ | ÷ |
| ² (上标) | ² |
| ³ (上标) | ³ |
表格标签基本结构
<table>
<tr>
<td>单元格内容</td>
<!-- ······ -->
</tr>
<!-- ······ -->
</table>
<table></table>是用于定义表格的标签。
<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中。
<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中。
表头单元格标签
<th></th> 一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容粗居中显示。
表格属性
不常用,一般通过CSS来设置
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left、center、right | 规定表格相对周围元素的对齐方式 |
| border | 1或"" | 规定表格单元是否拥有边框,默认为"",表示没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素 |
| width | 像素值或百分比 | 规定表格的宽度 |
<table align="数字" border="数字" cellpadding="数字" cellspacing="数字" width="数字">
<!-- ······ -->
</table>