空链接
第一种将href的属性值设置为#(网页实际跳转到当前所在网页)
第二种将href属性值设置为javascript: void(0)(网页并没有跳转)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>大窗口1</title>
</head>
<body>
<a href="javascript:void(0)">点一下</a>
<a href="#">点一下吧</a>
</body>
</html>
锚点链接
<a>
标签可定义锚。通过href属性,创建指向另外一个文档的链接(或超链接);通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
(例如要返回到顶部,使用name属性找锚点,使用id也一样,若文本中即出现name属性,又出现id属性,点回到顶部返回的是id属性所在处)
(文本开头)<a name=”top”></a>
(文本结尾)<a href=”#top”>回到顶部</a>
网页图标(在head下定义)
<link rel=”shortcut icon” href=”图片的内存地址”>
这里再来顺便介绍一下网页简单的框架设置吧。现在先思考一个问题,什么是网页框架?其实就是网页中分出的几个窗口。
如下图:
网页框架(如果要实现框架网页需要将frameset标签取代body标签)
一个窗户应该用一个frame标签来表示,frame这个标签不能分割,它只能表示小窗口,只有frameset标签才可以分割
(例如要将网页分为上下窗口,又将下窗口分为左右两个窗口)
</head>
<frameset rows=”100,*”> #rows表示纵向,这里表示上窗口占据100像素的高,其他高度给到下窗口
<frame />
<frameset cols=”100,*”> #cols表示横向,这里表示将下窗口分为两个部分
<frame />
<frame />
</frameset>
</frameset>
</html>
·frame属性:1、noresize=”noresize” 不可以调整小窗口的大小
2、src 链接小窗口显示的网页
3、name 规定小窗口的名称
4、scrolling 控制框架页的滚动条yes|no|auto
注:其中frameborder(规定是否显示框架边框)与noresize这两个属性能给frameset标签与frame 设置
标签中的通用属性
id:id的属性值必须是唯一的,在一个html文件中id属性值必须要唯一,一般多用于JS中
class:我们将class的属性值称为“类名”,只要是拥有相同的class的属性值,不管是什么标签,我们都可以将其称之为一类,一般多用于CSS中。在css样式中以点加属性值来表示,如:
<style>
.box{
weight:100px
height: 100px
}
</style>
</head>
<body>
<div class=”box”></div>
</body>