HTML知识点总结（2.24）

yookooi

已于 2022-02-25 10:27:05 修改

阅读量573

点赞数 4

分类专栏： sjn 文章标签： html 前端

于 2022-02-24 19:32:03 首次发布

本文链接：https://blog.csdn.net/qq_45870314/article/details/123118213

版权

19 篇文章 1 订阅

订阅专栏

一、超链接

1.超链接是什么

通过使用超链接，各个不同的网页就可以相互的导航和跳转插入超链接的标签。

2.超链接的基本结构：<a></a>

<a href=""></a>

通过使用属性href（hypertext reference）来指定要链接的url，标签的内容可以为文本也可为图片等其他标签

（1）链接到网址：<a href="网址">跳转网页</a>

<a href="http://www.baidu.com">百度一下你就知道</a>

（2）连接到本地文件：

①相对路径：使用相对位置

<a href="2.html"><img src="文件名" /></a>

②绝对路径：使用URL地址

（3）链接到电子邮箱：<a href="mailto:s19999988@163.com">给sjn发邮件</a>

<a href="mailto:s19999988@163.com">给sjn发邮件</a>

（4）超链接链接到新的窗口：target="_blank"

<head>
		<meta charset="utf-8">
		<title>新窗口打开</title>
		<base target="_blank">
</head>

注：所有超链接都打开新窗口的话，需要在<head></head>中加一个base标签，即：<base target="_blank" >

（5）锚链接：在本页跳转

<h1 id="top">顶部</h1>
<a href="#top">回顶部</a>

3.注意事项

（1）任何标签都可以有一个id属性 id的值是唯一的。

（2）超链接<a></a>的大小只受文本影响（内联元素）<a></a>里面不能放<p></p>

（3）如果url指向的不是一个html文件，那么点击时将下载该文件

1.HTML框架标签

框架标签可以实现在一个html文档中显示其他html文档的功能

2.行内框架标签的基本结构

（1）width="" 设置宽度

（2）height="" 设置高度

（3）scrolling="yes/no/auto" :选择是否设置页面滚动条，默认为有

（4）frameborder="":框架边框的设置，默认为有，"0"为无边框

<iframe src="http://www.taobao.com" width="500" height="300" scrolling="yes" frameborder="0"></iframe>

1.表格的基本结构

（1）<table></table>：定义表格的基本框架

（2）<tr></tr>：定义表格的行

（3）<td></td>：定义表格中行内的单元格

（4）<th></th>：定义表格中行内的单元格（标题），自动将文本加粗，居中对齐

2.表格的属性

（1）cellspacing：单元格与单元格之间的距离

（2）cellpadding：内容与单元格四周的距离

（3）border：表格边框

（4）align：对齐方式

（5）bgcolor：表格的背景颜色（background-color）

<table border="" cellspacing="" cellpadding="">
    <tr>
        <th>标题</th>
        <td>单元格</td>
        ....
    </tr>
    ...
    </table>

关注

专栏目录