head
title
base
meta
-
link
立即学习“前端免费学习笔记(深入)”;
script
style
标签用于定义文档的头部,它是所有头部元素的容器。
中的元素可以:
- 引用脚本
- 指示浏览器在哪里找到样式表
- 提供元信息
- 等等
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:, , , , , 。
定义文档的标题,它是 head 部分中唯一必需的元素。
我的第一个HTML页面 body 元素的内容会显示在浏览器中。
title 元素的内容会显示在浏览器的标题栏中。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括 必需的属性:type
type,规定脚本的 MIME 类型。
对于不支持脚本的浏览器:
@@##@@ 图像的地址为相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:
"http://www.w3school.com.cn/i/eg_smile.gif"
请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。
标签用于为 HTML 文档定义样式信息。
在HTML中插入CSS样式表的另外两种方法都是通过style完成的——内部样式表、内联样式。只不过内部样式表用的是style标签,内联样式用的是style属性。
内联样式
内部样式表
也可以通过“id选择器”和“class选择器”进行:
id选择器
class选择器
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class=”center” 让该元素的文本居中,而h1则不可以。
必需的属性:type
type,唯一可能的值是“text/css”,规定样式表的 MIME 类型。
也可以通过style标签创建一个没有下划线的链接:
Note:只有title标签、script标签和style标签有完整的关闭标签。
head
title
base
meta
-
link
立即学习“前端免费学习笔记(深入)”;
script
style
标签用于定义文档的头部,它是所有头部元素的容器。
中的元素可以:
- 引用脚本
- 指示浏览器在哪里找到样式表
- 提供元信息
- 等等
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:, , , , , 。
定义文档的标题,它是 head 部分中唯一必需的元素。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括 、、、标签中的 URL。
必需的属性:href
href,值为URL,规定页面中所有相对链接的基准URL。
可选的属性:target
target,值为_blank、_parent、_self、_top、framename等,表明在何处打开页面中所有的链接。比如”_blank”意为在新窗口中打开。
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。元数据总是以“名称/值”的形式被成对传递的。
深山旅游网站管理系统下载旅游网站管理系统是由深山工作室自主研发而成,具有以下相应的功能.1. 旅游新闻发布,站内新闻发布2. 发布旅游线路详细信息.包括:线路名称、线路类型、线路报价、游完整条线路所需时间、线路说明、线路途经景点、行程安排及其它备注。3. 旅游景点介绍推广4. 旅行社加盟介绍系统.包括:各个旅行社可以发布自己的旅游线路.管理留言,发布信息(vip,会员)5. 酒店宾馆加盟介绍系统,酒店宾馆发布客房信息(v
标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的“名称/值”对。
必需的属性:content
content,值为一些文本,定义了与http-equiv或name属性相关的元信息。元数据总是以名称/值的形式被成对传递的。
eg:
主要的可选属性:http-equiv、name
http-equiv,值为content-type、expires、refresh、set-cookie等,把 content 属性关联到 HTTP 头部。
http-equiv 属性为“名称/值”对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的报文头部包含“名称/值”对。
eg:
重定向(用于网页搬家):
描述关键词:
不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。
name,值为author、description、keywords、generator、revised、others等,把 content 属性关联到一个名称。
HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
eg:
This is a paragraph.
链接一个外部样式表。属于在HTML中插入CSS样式表的三种方法之一。
header 1
A paragraph.
的主要属性:href,rel,type,charset
charset,指明被链接文档的字符集,如UTF-8。但是几乎没有主流浏览器支持 link标签的charset 属性。
在下面的例子中,charset 属性指示被链接文档是用英文编写的:
Hello World!
This paragraph is not affected by the style.
href,规定被链接文档的位置(URL)。
这个不解释了。
rel 属性指示被链接的文档是一个样式表。它的属性值只有 “stylesheet” 得到了所有浏览器的支持。其他值只得到了部分地支持。
标题居中
段落居中。
type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。
This heading will not be affected
This paragraph will be center-aligned.
标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
直接包含脚本语句
这是一个链接!
通过 src 属性指向外部脚本文件
我的第一个HTML页面 body 元素的内容会显示在浏览器中。
title 元素的内容会显示在浏览器的标题栏中。
type,规定脚本的 MIME 类型。
对于不支持脚本的浏览器:
@@##@@ 图像的地址为相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:
"http://www.w3school.com.cn/i/eg_smile.gif"
请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。
标签用于为 HTML 文档定义样式信息。
在HTML中插入CSS样式表的另外两种方法都是通过style完成的——内部样式表、内联样式。只不过内部样式表用的是style标签,内联样式用的是style属性。
内联样式
内部样式表
也可以通过“id选择器”和“class选择器”进行:
id选择器
class选择器
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class=”center” 让该元素的文本居中,而h1则不可以。
必需的属性:type
type,唯一可能的值是“text/css”,规定样式表的 MIME 类型。
也可以通过style标签创建一个没有下划线的链接:
Note:只有title标签、script标签和style标签有完整的关闭标签。
不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。
This is a paragraph.
header 1
A paragraph.
Hello World!
This paragraph is not affected by the style.
标题居中
段落居中。
This heading will not be affected
This paragraph will be center-aligned.
这是一个链接!











