HTML5基础教程文件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
开
端
洼瑥?慮敭尽畡桴牯?挠湯整瑮尽 信息参数>
前 eb
洼瑥?慮敭尽潲潢獴?挠湯整瑣尽 信息参数>
W
<meta http-equiv=content-type content= ext/html; charset=
信息参
数 />
<meta http-equiv= “refresh ” content= “时间； url= 网址参数>
<body></body>
</html>
Page: 3
头部<head>
HTML 文档的头部标记主要包含页面标题标记、元信息标记、样式标记、 脚本标记、链接标记等。头部标记所包含的信息一般不会显示在网页上。
术 技
1 页面标题<title>
发 开
? 基本语法
端
<title>标题信息显示在浏览器的标题栏上</title>
HTML文档结构
1 基本结构
? 一个完整的 HTML文档由头部 head和主体 body两个部分组成。
术 技
?在头部<head> 标记中，可定义标题、样式等；
发
?在主体<body> 标记中，可定义段落、标题字、超链接、脚本、表
开
格、表单等元素，主体内容是网页要显示的信息。
端
前
eb
<html>
W
<head></head>
Page: 12
Body标记属性表
属性
值
描述
text
术
技
发 bgcolor
开 端 alink
前 eb W
link vlink
? rgb(R,G,B) 规定文档中所有文本的颜色。
grb(R%,G%,B%) 不赞成使用。请使用样式取代它 。
? #RRGGBB ? colorname
? 同上
规定文档的背景颜色。不赞成使用。
meta 属性主要分为两组：
Page: 6
?name属性与content 属性
?nam属e 性用于描述网页，它是以“名称/值”形式的名称，
术
name属性的值所描述的内容(值)通过conten属t 性表示，便于搜索
技
引擎机器人查找、分类。其中最重要的是descriptio、nkeyword。s
发
开 ?http-equiv 属性与content 属性 端
（meta-information ），这些信息并不会显示在浏览器的页面中。
术
例如作者、日期和时间、网页描述、关键词、页面刷新等。
技
发 1.<meta> 标记
开 端
? 基本语法
前
<meta name=\ content=\>
eb W
<meta http-equiv=\ content=\>
? 属性说明
定义编辑器
scheme some_text 定义用于翻译content属性值的格式。
Page: 8
元信息<meta>(续)
2.meta 标记的使用方法
洼瑥?慮敭尽敫睹牯獤?挠湯整瑮尽 信息参数 />
术
洼瑥?慮敭尽敤捳楲瑰潩屮?潣瑮湥? 信息参数 />
技
发
<meta name=generator “ 潣瑮湥? 信息参数 />
前
?http-equ属iv性用于提供HTTP协议的响应头报文(MIME文档头)，
eb
它是以“名称/ 值”形式的名称，http-equ属iv性的值所描述的内
W
容(值)通过conten属t 性表示，通常为网页加载前提供给浏览器等
设备使用。其中最重要的是content-type cha提rs供et编码信息，
refresh刷新与跳转页面，no-cach页e 面缓存，expire网s 页缓存过
期时间。
Page: 7
meta标记属性/值对应表
属性
值
描述
content some_text 定义与http-equiv或name属性相关的元信息
术
把content属性关联到HTTP头部。
技
发 http-equiv content-type 内容类型
? 同上
规定文档中活动链接的颜色。
? 同上
规定文档中未访问链接的默认颜色。
? 同上
规定文档中已被访问链接的颜色。
开 端 前
expires refresh set-cookie
网页缓存过期时间 刷新与跳转(重定向)页面 如果网页过期，那么存盘的 cookie 将被删除
eb
把content属性关联到一个名称。
W
author
定义网页作者
name
description 定义网页简短描述
keywords
定义网页关键词
generator
术 leftmargin 。
技
发 开
?基本语法
端
<body leftmargin=(px topmargin=(px
前 eb
text=#000000 bgcolor=#339999 link= lue alink=white vlink=
W
ed background= ody_image.jp发
HTML基础
开
端
前
eb
W
Page: 1
本章学习目标
Web 前端开发工程师应掌握以下内容：
术
?了解HTML 文档的基本结构；
技
发
?理解标记类型、标记语法；
开 端
?学会body标记的属性的设置方法；
前 eb
?学会给网页添加注释；
W
?理解 meta 元信息的作用；
?了解HTML文档类型。
Page: 2
<body> </body>
?语法说明
?＜body ＞是开始标记，＜/body ＞是结束标记。两者之间所包 括的内容为网页上显示的信息。
Page: 10
在主体 body 标记中插入相关标记
术 技 发 开 端 前 eb W
Page: 11
body标记属性
?设置body 标记属性可以改变Web页面显示效果。body标记主要属性有 text 、bgcolor 、background 、link 、alink 、vlink 、topmargin 、
Page: 9
主体body
?主体body 是一个Web页面的主要部分，其设置内容是读者实际看到
的信息。所有WWW 文档的主体部分都是由body 标记定义的。在主体
术
body 标记中可以放置的是页面中所有的内容，如图片、图像、表格、
技
文字、超链接等元素。
发
开 1 body 标记
端
前 ?基本语法
eb W
前 eb
? 语法说明
W ?title 标记是双标记，<title> 是开始标记，</title> 是结束标记，两者
之间的内容为显示在浏览器的标题栏上的信息。
Page: 4
标题title标记应用
术 技 发 开 端 前 eb W
Page: 5
元信息<meta>
?META 标记用来描述一个HTML 网页文档的属性，也称为元信息