HTML常用标签(二) | 青训营笔记

129 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第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>


注释和特殊字符

<!-- 注释 -->
特殊字符字符的代码
(空格)&nbsp;
<&It;
>&gt;
&&amp;
&yen;
©&copy;
®&reg;
°&deg;
±&plusmn;
×&times;
÷&divide;
²  (上标)&sup2;
³  (上标)&sup3;

表格标签基本结构

<table>
    <tr>
        <td>单元格内容</td> 
        <!-- ······ -->
    </tr>
    <!-- ······ -->
</table>

<table></table>是用于定义表格的标签。

<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中。

<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中。


表头单元格标签

<th></th> 一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容粗居中显示。


表格属性

不常用,一般通过CSS来设置

属性名属性值描述
alignleft、center、right规定表格相对周围元素的对齐方式
border1或""规定表格单元是否拥有边框,默认为"",表示没有边框
cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素
cellspacing像素值规定单元格之间的空白,默认2像素
width像素值或百分比规定表格的宽度
<table align="数字" border="数字" cellpadding="数字" cellspacing="数字" width="数字">
    <!-- ······ -->
</table>