简述网页部分知识点:空链接、锚链接、网页图标等

空链接
第一种将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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值