2.2 头部标记及其之间的主要标记(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）
2023-07-31
|
8页
|
113人阅读
|
45人下载
普通
资源信息
| 学段 | 中职 |
|---|---|
| 学科 | 职教专业课 |
| 课程 | 网页设计与制作 |
| 教材版本 | - |
| 年级 | 高二 |
| 章节 | - |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2023-2024 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 168 KB |
| 发布时间 | 2023-07-31 |
| 更新时间 | 2023-07-31 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2023-07-31 |
| 下载链接 | https://m.zxxk.com/soft/40143455.html |
| 价格 | 0.00储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
2.2 头部标记及其之间的主要标记
2.2.1网页标题标记
HTML页面的标题一般是用来说明页面用途的，它显示在浏览器的标题栏中。每个HTML页面都应该有标题，在HTML文档中，标题信息设置在页面的头部，也就是<head>与</head>之间。标题标记以<title>开始，以</title>结束。
语法：<title>…</title>
说明：在标记中间的“…” 就是标题的内容，它可以帮助用户更好地识别页面。页面的标题有且只有一个，它位于HTML文档的头部，即<head>和</head>之间。
下面以实例说明标题标记的用法。
实例代码：
<html>
<head>
<title>文本的标题</title>
</head>
<body>
</body>
</html>
保存页面后在IE中打开，可以看到浏览器的标题栏中显示了刚才设置的标题“文件的标题”，效果如下图所示。
2.2.2 元信息标记
1.网页的跳转
在浏览网页时经常会看到一些欢迎信息的界面，在经过一段时间后，这一页面会自动转到其它页面中，这就是网页的跳转。使用HTML代码就可以很轻松地实现这一功能。
语法：<meta http-equiv="refresh" content="跳转时间; url=链接地址" />
说明：在该语法中，refresh表示网页的刷新，而在content中设定刷新的时间和刷新后的地址，时间和链接地址之间用分号相隔。默认情况下，跳转时间是以秒为单位的。
当链接地址为一个新的网页地址时，就会在设定的时间跳转到这个新的网址，其代码如下：
<html>
<head>
<title>网页的跳转</title>
<meta http-equiv="refresh" content="3; url=http://www.sohu.com" />
</head>
<body>
您好，本页在3秒之后将自动跳转到搜狐网站
</body>
</html>
运行程序，效果如图所示。在3秒之后，网页自动跳转到了搜狐网站。
2.自动刷新页面
当上述语法中的链接地址被省略时，网页的功能就变成了刷新页面本身，这在不断更新数据的页面中常常会用到，刷新页面的代码如下：
<html>
<head>
<title>自动刷新页面</title>
<meta http-equiv="refresh" content="60" />
</head>
<body>
您好，本页每隔1分钟自动刷新一次
</body>
</html>
运行页面的效果如图所示。
$$
资源预览图
1
2
3
4
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。