一、超链接
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.行内框架标签的基本结构
<iframe src="" ></iframe> src的值可以是图片也可以是网址
(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.表格的基本结构
<table border="" cellspacing="" cellpadding="">
<tr>
<th>标题</th>
<td>单元格</td>
....
</tr>
...
</table>
(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>