HTML基本标记和网站链接专用课件.pptVIP

Chapter 第1章内容回顾 Dreamweaver MX是一个所见即所得的网页编辑工具，在工作区内提供了便于工作的各种面板和工具栏，可以快速创建网页文档，建立站点 为Dreamweaver的网页文本格式化，如粗体、斜体、下划线 三种段落格式：段落、标题、和预先格式化的 常用的列表样式，如何为设置列表 表格可以装载数据，但是更多的是用表格做页面的布局 在标准视图下可以为网页插入普通表格 在布局视图下插入表格，分层处理布局表格的嵌套关系 HTML表格可以装载页面的各种元素，文字、图片、动画、多媒体等等 HTML基本标记和网站链接 第2章 本章目标 熟悉HTML 文档的基本结构 掌握运用基本标记修改网页格式及外观 掌握设置超链接的几种方法以及按照不同目的设置各个目标参数 本章结构 HTML基础 进行复杂的网页设计必须学习HTML标记语言　 HTML(Hypertext Marked Language) 超文本标记语言 　 用HTML编写的超文本文档称为HTML文档 能独立于各种操作系统平台运行 用于描述网页的格式设计和它与web上其它网页的连结信息 HTML并不是一种程序语言，它只是一种排版网页中资料显示的结构语言 需要通过web浏览器显示出效果 　 超文本语言，是除了文字以外它可以插入图片、声音、动画、视频等多媒体内容 HTML文档结构 HTML文档结构 HTML基本语法 HTML的标记有以下三种表示方法 标记名 文本或超文本／元素名 ? 这是关闭型标记 元素名 　属性名＝“属性值…文本或超文本 ／元素名? 这是带有可选属性的标记 元素名? 这是“非关闭型”标记 META标记 3-1 META 标记出现在网页的标题部分。META是HTML文档HEAD部分的一个辅助性标记 META标记共有两个属性它们分别是 http-equiv属性 name属性 name属性应用 name属性主要用于描述网页，与之对应的属性值为content 标注网页的作者 META标记 3-2 设定关键字 例如，要用Keywords（关键字）来告诉搜索引擎你网页的关键字是什么 索引向导 例如，告诉搜索机器人哪些页面需要索引，哪些页面不需要索引 content的参数有all，none，index，noindex，follow，nofollow。 META标记 3-3 http-equiv属性 http-equiv 属性可用来代替 name 属性。http-equiv 类似于HTTP的头部协议，它给浏览器回应一些有用的信息，以帮助正确地显示网页内容 Expires（期限）,可以用于设定网页的到期时间(GMT的时间格式) refresh（自动刷新）,比如间隔5秒网页自动刷新，并指向新的URL网址： 标题标记 HTML语言提供了六级标题,H1为最大,H6为最小 段落标记 3-1 段落标记 以P 开始、/P 结束 通过段落的 align 属性 ，设置段落的对齐方式，如左对齐(left)、居中(center)、右对齐(right) 　 段落标记 3-2 换行标记 BR 标记在用户要结束一行但又不想开始一个新的段落时使用 BR标记强制换行　 BR 没有结束标记 段落标记 3-3 PRE 预格式化标记 PRE 标签用于显示预先已定义好格式的文本 浏览器中会遵循已在 HTML 源文档中定义的格式显示文本 文本格式标记 B 标记 用于以粗体字体显示文本 I 标记 用于以斜体字体显示文本 U 标记 为在浏览器中显示的文本添加下划线 SUB 标记 使文本的高度低于周围的文本，并以更小的字体进行显示 SUP 标记 使文本的高度高于周围的文本，并以更小的字体进行显示 列表2-1 列表是以逻辑方式对数据进行分组列举 列表基本分为：无序列表和有序列表 无序列表（项目列表） 列表项前面带有项目符号 包含在无序列表标记 UL ... /UL 内 列表中每项都用列表标记 LI 标记，其中 LI 表示列表项。结束标记 /LI 为可选项 　 有序列表（编号列表） 列表项以自动生成的编号顺序显示 有序列表包含在 OL … /OL 标记内 列表2-2 可添加属性以定义为列表项生成的编号系统 其它常用标记 8-1 FONT标记 FONT 标记用于控制网页上文本的显示 此标记包含文本大小、颜色和样式等属性 其它常用标记 8-2 其它常用标记 8-3 HR标记 HR标记用于在页面上绘制水平线 此标签只有开始标记，没有结束标记 可使用属性控制水平线的显示 其它常用标记 8-4 其它常用标记 8-5 IMG 标记 IMG 标记用于在 HTML 文档中插入图像 IMG标记会显示 SRC