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语言提供了六级标题,
为最大,
为最小 段落标记 3-1 段落标记 以
开始、
结束 通过段落的 align 属性 ,设置段落的对齐方式,如左对齐(left)、居中(center)、右对齐(right) 段落标记 3-2 换行标记标记在用户要结束一行但又不想开始一个新的段落时使用
标记强制换行
没有结束标记 段落标记 3-3
预格式化标记
标签用于显示预先已定义好格式的文本 浏览器中会遵循已在 HTML 源文档中定义的格式显示文本 文本格式标记 标记 用于以粗体字体显示文本 标记 用于以斜体字体显示文本 标记 为在浏览器中显示的文本添加下划线 标记 使文本的高度低于周围的文本,并以更小的字体进行显示 标记 使文本的高度高于周围的文本,并以更小的字体进行显示 列表2-1 列表是以逻辑方式对数据进行分组列举 列表基本分为:无序列表和有序列表 无序列表(项目列表) 列表项前面带有项目符号 包含在无序列表标记... 内 列表中每项都用列表标记 标记,其中 LI 表示列表项。结束标记 为可选项 有序列表(编号列表) 列表项以自动生成的编号顺序显示 有序列表包含在 … 标记内 列表2-2 可添加属性以定义为列表项生成的编号系统 其它常用标记 8-1 标记 标记用于控制网页上文本的显示 此标记包含文本大小、颜色和样式等属性 其它常用标记 8-2 其它常用标记 8-3 标记 标记用于在页面上绘制水平线 此标签只有开始标记,没有结束标记 可使用属性控制水平线的显示 其它常用标记 8