Web工作原理和HTML基础知识.PPT

META的属性 META的属性 作用 name属性 指定特性名 content属性 指定特性的值 http-equiv属性 使得HTTP服务器根据http- equiv属性的值获取http响应信息头,以便可以让浏览器按某种指定的方式显示页面 META的作用举例 给网页添加说明（比如网页的作者，关键字等） meta name=Author content=Dave Raggett 让网页可以按关键字被搜索到 增加关键字可以提高网页被浏览的机会 meta name=“keywords” content=这里写关键字 定期刷新网页 比如在聊天室应用中，需要随时刷新用户的发言 meta http-equiv=refresh content=10 文档主体元素 body/body body元素代表网页要显示给读者的内容，几乎所有要显示的内容都被包括在body……/body里面 语法： 开始标记：body 可选 内容： 可以包含除了html、head外所有元素 结束标记：/body 可选 网页中的文本 网页中的信息主要是通过文本传递的，所以文本是Web信息的基本构成。与文本编辑有关的元素，包括： p 段落标记 br 换行标记 div、span 区块标记 hr 水平线标记 strong、em 强调标记 h1h2h3h4h5h6 文本标题标记 liulol 列表标记 dldtdd 定义列表标记 p段落元素的语法 开始标记：p 必需 内容： 嵌套其它块元素 内联元素 文本 结束标记：/p 可选 段落元素的属性 属性 作用 id,class 和样式表结合使用，给文档中的某一段落赋以唯一的标识 title 元素的标题，它的作用是设定当鼠标停留在该元素上时，出现的高亮提示文字 style 直接指定该元素的样式 align 对齐属性。建议不使用，因为该属性应该在样式表中给出 段落元素应用举例 p align=center段落文本居中/p p align=right段落文本居右/p p align=left段落文本居左/p br换行符元素 br 在网页中回车 开始标记：br 必需 内容： 无 结束标记：禁用 使用br和p的不同效果 p段落一/p p段落二br 这里有一个换行符/p p段落三/p div块元素分组 div的作用 为块元素提供分组的方法 常被用于和样式表配合使用 div还被用来作为层用于页面布局 块元素分组语法 开始标记：div 必需 内容： 嵌套其他块元素 内联元素 文本 结束标记：/div 必需 主要属性 id、class、align、style span内联元素分组 span元素的作用 span提供了一种对内联元素分组的方法 span 常用来和样式表配合 span往往被用来设置同一行文字内的不同格式 span内联元素语法 开始标记：span 必需 内容： 嵌套其他块元素 内联元素 文本 结束标记：/span 必需 主要属性 Id、class、align、style div、span应用举例 p span style=color:red 好雨/span 知时节 div style=color:green;font-size:19pt 当春乃发生 随风潜入夜 润物细无声/div /p hr水平线元素 hr的作用 该元素可以在文档中划一条水平线，当文档比较大时常用来分割文档 主要属性 width 宽度 size 高度 noshade 该行不带阴影 color 线条颜色 语法 开始标记：hr 必需 内容： 无 结束标记：禁用 hr水平线元素应用举例 hr hr color=#FF0066 size=20pt noshade hr width=50% 加强元素和强调元素 Strong 和em 默认效果：给字体加粗和斜体显示 开始标记：必需 内容： 内联元素 文本 结束标记：必需 主要属性 Id、class、align、title、style、lang等 文本标题元素 h1h2h3h4h5h6标题1-标题6 这六个元素的作用是让文字以醒目的方式显示，往往用于文章的标题 h1标题1/h1 h2 标题2/h2 h3 标题3 /h3 h4标题4 /h4 h5标题5 /h5 h6标题6 /h6 列表元素 liulol 列表是指将具有相似特征或者是具有先后顺序的几行文字进行对齐排列 列表分为有序列表ol和无序列表ul两种 li列表项元素用来包含ol和ul两种列表的列表项，也就是列表内容 Web是什么(1/2) Web的名称 Web又称做万维网或环球网，是WWW（World Wide Web）的简称，WWW是实质上