HTML与CSS教学-第3章 HTML网页头部标记

第3章  HTML网页头部标记 
本章要点
TITLE标记及其属性
BASE标记及其属性
META标记及其属性
LINK标记及其属性
STYLE标记及其属性
SCRIPT标记及其属性


目录:
3.1  title标记及其属性
3.2  base标记及其属性
3.3  meta标记及其属性
3.4  link标记及其属性
3.5 style标记及其属性
3.6  script标记及其属性
3.7  综合实例


3.1  title标记及其属性 
<title>标记是一个页面标题标记。它将HTML文件的标题显示在浏览器的标题栏中,用以说明文件的用途。这个标记只能应用于标记<head>与</head>之间。


<title>标记一般格式为:
    <title >文件标题</title >


<title>标明该HTML文件的标题,是对文件内容的概括。一个好的标题应该能使读者从中判断出该文件的大概内容。文件的标题一般不会显示在文本窗口中,而以窗口的名称显示出来。每个文档只允许有一个标题。


3.2   base标记及其属性 
<base>标记是一个基底网址标记,在HTML中是一个单标记。该标记用以改变文件中所有连结标记的参数内定值。它只能应用于标记<head>与</head>之间,并在所有带有URL地址的语句之前。使用<base>标记时,网页上的所有相对路径在链接时都将在前面加上基底网址。 
<base>标记一般格式为:
<base属性=属性值 />
在HTML中,<base> 标记提供两种基本属性:
1.href属性
该属性设定链接地址的前缀,规定页面链接的基准URL。


2.target属性
该属性设定文件显示的窗口,规定链接的页面打开方式。在HTML中,根据实际需要,可选新窗口(_blank)、原窗口(_self)、父窗口(_parent)、最外层窗口(_top)四种打开方式。 


3.3  meta标记及其属性
<meta>标记是元信息标记,在HTML中是一个单标记。该标记可重复出现在头部标记中,用来指明本网页的作者、网页制作工具、所包含的关键字,以及其他一些描述网页的信息。另一个作用就是创建HTTP响应头,以便让浏览器知道如何去处理这个网页。例如这个网页什么时候过期,隔多少时间自动刷新等。 
<meta>标记一般格式为:
< meta 属性名称=属性值>
常用属性如下:
1.name属性为<meta>标记中的名称/值对提供了名称。
2.http-equiv属性指示服务器在发送实际的文档之前要传送给浏览器的文档头部包含名称/值对。
3. content属性为<meta>标记提供了名称/值对中的值。content 属性始终要和name属性或 http-equiv属性一起使用。   


3.4  link标记及其属性
<link>标记是关联标记,在 HTML中是一个单标记。用于定义当前文档与Web集合中其他文档的关系,建立一个树状链接组织。<link>标记并不实际链接到文件中,只是提供链接该文件的一个路径。link标记最常用的是用来链接CSS样式表文件。
<link>标记一般格式为:
<link属性=属性值> 


3.5  style标记及其属性 
<style>标记是样式标记,在HTML中是一个双标记,用于为HTML文档定义样式信息。<style>元素位于head部分中。使用<style>中标记,可以规定在浏览器中如何呈现HTML文档,几乎所有浏览器都支持<style>标记。
<style>标记一般格式为:
<style属性=属性值>样式内容</style>


3.6 script标记及其属性 
<script>标记是脚本标记,在HTML中是一个双标记,用于为HTML文档定义客户端脚本信息。此标记可在文档中包含一段客户端脚本程序(客户端脚本程序能使文档更好地对客户端的事件作出反应,此标记可以位于文档中任何位置,但常位于<head>标记内,以便于维护)。 


3.7 综合实例 
本节将结合本章所学内容,介绍一个HTML文档头部的设计。
设计一个HTML文档头部,要求为页面设定字符集;设定便于搜索引擎搜索的关键字;设定一些描述网页的信息,告诉搜索引擎本站点的主要内容;能够调用外部样式表并在头部加载脚本文件。


小结
HTML头部标记是<head>,在头部标记<head>的下一层标记中,主要有:
标题标记<title>
基底网址标记<base> 
元信息标记<meta>
基链接标记<link>
定义文档样式标记<style>
定义客户端脚本标记<script>
这些标记主要用于设定页面的一些基本信息,如页面标题,简要描述网页内容,定义页面关键字,定义文档样式表,插入脚本语言程序等。一般来说,位于头部的内容都不会在网页上直接显示,而是通过浏览器内部方式起作用。
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值