网页制作篇(智慧树网站马红老师)-基础知识总结2(标记的属性篇)

哇咔咔,我来啦!!!今天是高产的一天,因为今天,是!周!末!!!

好了,废话不多说,开始吧.

标记的属性包括字体,颜色,位置,字号等.

一.语法格式

<标记名 属性1=“属性值1” 属性2=“属性值2”…>内容
注意:标记名与属性,属性与属性之间都是用空格分开.

二.HTML文档头部相关标记

1.< title >

< title >标记用于定于HTML页面的标题,即给网页取一个名字,必须位于< head >标记之内.

注意:一个HTML文档只能包含一对< title >< /title >标记,其之间的内容将显示在浏览器窗口的标题栏中.

基本语法格式:
< title >网页标题名称< /title >

2.< meta/ >

< meta/ >标记用于定义页面的元信息,可重复出现在< head >头部标记中.是一个单标记.
< meta/ >标记本身不包含任何内容,通过"名称/值"的形式成对的使用其属性可定义页面的相关参数,如为搜索引擎提供网页的关键字,作者姓名,内容描述,以及定义网页的刷新时间等.
(1)设置网页关键字
例:< meta name=“keywords” content=“JAVA,PHP”/>
(2)设置网页描述
例:< meta name=“description” content=“IT培训教育”/>
(3)设置网页作者
例:< meta name=“author”
content=“传智播客”/>
(4)设置字符集
例:< meta http-equiv=“Content-Type” content=“text/html;charset=utf-8”/>
(5)设置页面自动刷新与跳转
< meta http-equiv=“refresh”
content=“10;url= http ?/www.itcast.cn”/>

3.< link >

在< head >中使用< link >标记可引用外部文件,一个页面允许使用多个< link >标记,来引用多个外部文件.

基本语法格式为:
< link 属性=“属性值”/>

常用:
格式:
属性名 **** 常用属性值 **** 描述
(1)href **** URL ***** 指定引用外部文档的地址
(2)rel **** stylesheet **** 指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表
(3)type **** text/css **** 引用外部文档的类型为CSS样式表
(4)type **** text/javascript **** 引用外部文档的类型为javascript脚本

4.< style >

< style >标记用于为HTML文档定义样式信息,位于< head >头部标记中.

基本语法格式为:
< style >属性=“属性值” 样式内容< /style >
在HTML中使用style标记时,常常定义其属性为type,相应的属性值为text/css,表示使用内嵌式的CSS样式.