当前位置:高等教育资讯网  >  中国高校课件下载中心  >  大学文库  >  浏览文档

《网页设计教程》PPT课件:第3章 网页文本的处理

资源类别:文库,文档格式:PPT,文档页数:15,文件大小:100KB,团购合买
1. HTML及其功能 2. 利用HTML创建和测试Web页的方法 3. 利用HTML设置标题和文字 4. 利用HTML设置段落 5. 利用HTML进行文本格式的处理 6. 利用FrontPage 2002和Dreamweaver 4.0处理文本
点击下载完整版文档(PPT)

第3章网页文本的处理 通过本章学习,应该掌握以下内容 1.HTML及其功能 2.利用HTML创建和测试Web页的方法 3.利用HTML设置标题和文字 4.利用HTML设置段落 5.利用HTML进行文本格式的处理 6.利用 FrontPage200和 Dreamweaver4.0处理 文本

通过本章学习,应该掌握以下内容: 1. HTML及其功能 2. 利用HTML创建和测试Web页的方法 3. 利用HTML设置标题和文字 4. 利用HTML设置段落 5. 利用HTML进行文本格式的处理 6. 利用FrontPage 2002和Dreamweaver 4.0处理 文本 第3章 网页文本的处理

31利用HTML处理文本 311HTML基础 1.标记符 标记符又称标签,HTML是影响网页内容显示格式的标记符集 合,浏览器根据标记符决定网页的实际显示效果 在HTML中,所有的标记符都用尖括号括起来。例如 表示HTM标记符。绝大多数标记符都是成对出现的, 包括开始标记符和结束标记符。如:.受影响的内容</标记 符 HTML属性通常也不区分大小写

3.1 利用HTML处理文本 3.1.1 HTML基础 1.标记符 标记符又称标签,HTML是影响网页内容显示格式的标记符集 合,浏览器根据标记符决定网页的实际显示效果。 在HTML中,所有的标记符都用尖括号括起来。例如, 表示HTML标记符。绝大多数标记符都是成对出现的, 包括开始标记符和结束标记符。如:…. HTML标记符是不区分大小写的,但通常约定标记符使用大写字母, 这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中,所有的属性都 放置在开始标记符的尖括号里,属性与标记符之间用空格分隔, 属性的值放在相应属性之后,用等号分隔,而不同的属性之间用 空格分隔。格式为: 受影响的内容 HTML属性通常也不区分大小写

2.HTML文档的基本结构 个典型的HTML文本的基本结构形式如下 /HEAD> 文本内容 上述文档用到四种标记符,其意义如下:

2.HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下: 文本标题 文本内容 上述文档用到四种标记符,其意义如下:

(1)HTM标记符 这两个标记符是HTML文档的标记符。 处于文档的最前端,表示文档的开始,即浏览器从 开始解释。而则位于文件的最后一行,这样 的结果表示这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 是HTML文件头标记符,用来描述 HTML首部的内容,说明文档的整体信息。所有首部信息并不会 出现在利用WWw浏览器所看到的窗体中。 通常与某些标记符一起使用,如标记符。 (3)TILE标记符 指的是一份文档的标题。通常来说, 每一份文档都应该有一个标题来简述这一份文档的特色或是主题 对于www浏览器而言,标题所在的位置虽然依照浏览器的不同 而不同,但是大部分都位于浏览器的最上方。 (4)BODY标记符 指的是定义出一个HTML文档的体部 位于首部下面。在<BODY标记符内的文字,所有使用标记符的 地方都可以经浏览器正确地显示在浏览器窗体中

(1)HTML标记符 这两个标记符是HTML文档的标记符。 处于文档的最前端,表示文档的开始,即浏览器从 开始解释。而则位于文件的最后一行,这样 的结果表示这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 是HTML文件头标记符,用来描述 HTML首部的内容,说明文档的整体信息。所有首部信息并不会 出现在利用WWW浏览器所看到的窗体中。 通常与某些标记符一起使用,如标记符。 (3)TITLE标记符 指的是一份文档的标题。通常来说, 每一份文档都应该有一个标题来简述这一份文档的特色或是主题。 对于WWW浏览器而言,标题所在的位置虽然依照浏览器的不同 而不同,但是大部分都位于浏览器的最上方。 (4)BODY标记符 指的是定义出一个HTML文档的体部, 位于首部下面。在标记符内的文字,所有使用标记符的 地方都可以经浏览器正确地显示在浏览器窗体中

3.创建和测试Web页 由于HTML文件的实质就是文本文件,因此可以用任何文本编 辑器编辑HTML文件,通常可以使用 Windows系统中的“记事本” 程序。另外,由于 Windows8/Me/2000系统中捆绑了IE5或 IE55( Internet Explorer5.0或5.5),因此用户在 Windows中可 以方便地对Web页进行简单的测试。 (1)刨建Web页 保存了Web页之后,在所选择的文件夹中将包含所创建的web 页,可以由IE将其打开。 (2)发布Web页 用户创建了web页之后,通常可以直接将其保存在硬盘、软盘 或光盘上,作为一种电子文档,也可以将其发布到 Internet上, 以便让全世界的浏览者都能够进行浏览。发布Web页时应按以下 步骤进行。 ①创建本地站点 ②申请网页空间 ③用FTP上传网页

3.创建和测试Web页 由于HTML文件的实质就是文本文件,因此可以用任何文本编 辑器编辑HTML文件,通常可以使用Windows系统中的“记事本” 程序。另外,由于Windows98/Me/2000系统中捆绑了IE5或 IE5.5(Internet Explorer 5.0或5.5),因此用户在Windows中可 以方便地对Web页进行简单的测试。 (1)创建Web页 保存了Web页之后,在所选择的文件夹中将包含所创建的Web 页,可以由IE将其打开。 (2)发布Web页 用户创建了Web页之后,通常可以直接将其保存在硬盘、软盘 或光盘上,作为一种电子文档,也可以将其发布到Internet上, 以便让全世界的浏览者都能够进行浏览。发布Web页时应按以下 步骤进行。 ① 创建本地站点 ② 申请网页空间 ③ 用FTP上传网页

312标题处理 在HTML中,用户可以通过Hn标记符来标识文档中的标题和 副标题,其中n是1到6的数字。表示最大的标题,表示 最小的标题。使用标题样式时,必须使用结束标记符。 标题文字标记符的格式: 标题文字 属性aign用来设置标题在页面中的对齐方式:left(左对齐) center(居中)或 right(右对齐)。 如: 计算机系 .标记符默认显示宋体。.标记符会自 动插入一个空行,不必再用空行标记符。在一个标题行下无法使 用不同大小的字体。 与HEAD中的.定义的网页标题不同, 标题格式显示在浏览器窗口内,而不显示在浏览器的标题栏中

3.1.2 标题处理 在HTML中,用户可以通过Hn标记符来标识文档中的标题和 副标题,其中n是1到6的数字。表示最大的标题,表示 最小的标题。使用标题样式时,必须使用结束标记符。 标题文字标记符的格式: 标题文字 属性align用来设置标题在页面中的对齐方式:left(左对齐)、 center(居中)或right(右对齐)。 如: 计算机系 …标记符默认显示宋体。…标记符会自 动插入一个空行,不必再用空行标记符。在一个标题行下无法使 用不同大小的字体。 与HEAD中的…定义的网页标题不同, 标题格式显示在浏览器窗口内,而不显示在浏览器的标题栏中

313段落处理 在HTML中段落处理是通过段落标记来完成的,常用的段落标 记符有: 1.注释标记符 HTML的注释标记符的格式为: 强制换行标记符 强制换行标记符为,放在一行的末尾,可以使后面的文字 图片、表格等显示于下一行,而又不会在行与行之间留下空行, 即强制文本换行 3.强制换段标记符 在HTML文档中,无法用多个回车、空格、Tab键来调整文档 段落的格式。要用HTML的标记符来强制换行、分段。 (1)强制换段标记符 强制换段标记符的格式为 文字 (2)设置段落标记符 设置段落标记符的格式为:

3.1.3 段落处理 在HTML中段落处理是通过段落标记来完成的,常用的段落标 记符有: 1.注释标记符 HTML的注释标记符的格式为: 2.强制换行标记符 强制换行标记符为,放在一行的末尾,可以使后面的文字、 图片、表格等显示于下一行,而又不会在行与行之间留下空行, 即强制文本换行。 3.强制换段标记符 在HTML文档中,无法用多个回车、空格、Tab键来调整文档 段落的格式。要用HTML的标记符来强制换行、分段。 (1)强制换段标记符 强制换段标记符的格式为: 文字 (2)设置段落标记符 设置段落标记符的格式为: 文字

4.显示预排格式标记符 当用其他编辑工具编排好了一段文字后,其中很可能有一些 HIML文件不支持的控制符号,如同车、多个空格、Tab键等。如 果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式, 可以使用标记符将预先排好的格式保留下来 显示预排格式标记符的格式为: 预先排好的格式 5.分区显示标记符 分区显示标记符的格式为: 6.水平线 在页面中插入一条水平标尺线( Horizontal rules),可以使 不同功能的文字分隔开,看起来整齐、明了 水平线标记符的格式为 HR align=对齐方式"sie="横线粗细" width="横线长度" color"橫横 线颜色" noshade>

4.显示预排格式标记符 当用其他编辑工具编排好了一段文字后,其中很可能有一些 HTML文件不支持的控制符号,如同车、多个空格、Tab键等。如 果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式, 可以使用标记符将预先排好的格式保留下来。 显示预排格式标记符的格式为: 预先排好的格式 5.分区显示标记符 分区显示标记符的格式为: 文本或图像 6.水平线 在页面中插入一条水平标尺线(Horizontal Rules),可以使 不同功能的文字分隔开,看起来整齐、明了。 水平线标记符的格式为:

314文本格式处理 文本格式处理包括文字设置和格式处理。 1.文字设置 在网页中为了增强页面的层次,其中的文字可以用 不同的大小、字体、字型和颜色,通常用FONT标记 符来完成。 FONT标记符设置格式为: 被设 置的文字 size属性是字号属性,用于控制文字的大小,它 的取值既可以是绝对值,也可以是相对值。 face属性是字体标记符,用来指定字体样式。 color属性可用来控制文字的颜色,属性值可以是 颜色名称或十六进制值

3.1.4 文本格式处理 文本格式处理包括文字设置和格式处理。 1.文字设置 在网页中为了增强页面的层次,其中的文字可以用 不同的大小、字体、字型和颜色,通常用FONT标记 符来完成。 FONT标记符设置格式为: 被设 置的文字 size属性是字号属性,用于控制文字的大小,它 的取值既可以是绝对值,也可以是相对值。 face属性是字体标记符,用来指定字体样式。 color属性可用来控制文字的颜色,属性值可以是 颜色名称或十六进制值

2.格式处理 HTML中的格式标记符有: P> 标记符之间加入的文本将 会在浏览器中按两边缩进的方式显示出来。 标记符是指 Directory List,用来创建一个普通的列 表,;用来创建列表中的上层项目; 用来创建列表中最下层项目;和都必 须放在标志对之间。 标记符指 Ordered list,它是用来创建一个标有数字 的列表;标记符用来创建一个标有圆点的列表; 或标记符 内使用,此标记符用来创建一个列表项

2.格式处理 HTML中的格式标记符有: 标记符之间加入的文本将 会在浏览器中按两边缩进的方式显示出来。 标记符是指Directory List,用来创建一个普通的列 表,; 用来创建列表中的上层项目; 用来创建列表中最下层项目;和都必 须放在标志对之间。 标记符指Ordered List,它是用来创建一个标有数字 的列表;标记符用来创建一个标有圆点的列表; 标记符只能在或标记符 内使用,此标记符用来创建一个列表项

点击下载完整版文档(PPT)VIP每日下载上限内不扣除下载券和下载次数;
按次数下载不扣除下载券;
24小时内重复下载只扣除一次;
顺序:VIP每日次数-->可用次数-->下载券;
共15页,试读已结束,阅读完整版请下载
相关文档

关于我们|帮助中心|下载说明|相关软件|意见反馈|联系我们

Copyright © 2008-现在 cucdc.com 高等教育资讯网 版权所有