《文本修饰与超级链接整理.ppt》由会员分享，可在线阅读，更多相关《文本修饰与超级链接整理.ppt（32页珍藏版）》请在金锄头文库上搜索。
1、第二章文本格式 2 1文本分段 段落标记符P和换行标记符BR1 P标记符用于将文档划分为段落 包括开始标记符和结束标记符 后者可以省略2 BR标记符用于强制断行 只有一个开始标记符3 示例注 空格参考字符 2 1文本分段 二 水平线标记符HR只有开始标记符 它的属性有 1 size属性 粗细程度 值是一个整数 单位是像素 默认值为2 2 width属性 设置水平线的长度 单位 像素或百分比 3 noshade属性 该属性没有值 4 color属性 定义水平线的颜色 5 示例 2 1文本分段 三 标题标记符Hn用来标识网页中的标题和副标题 必须使用结束标记符 n 1 6 最大 作用 自动改变字体
2、大小 并设为黑体 并自动设置成一段 示例 2 1文本分段 四 段落对齐1 align属性设置段落对齐方式 取值包括 right left center justify该属性应用于多种标记符 P HR Hn示例 默认值不同 2 DIV标记符与CENTER标记符多个段落使用相同的对齐方式 使用DIV标记符将所有段落包括起来 然后在DIV属性中设置align属性即可 示例DIV标记符是用于文档分节的标记符 包括开始和结束标记符SPAN标记符 用于行内特定内容的显示二者区别 他们主要用于CSS样式表 3 格式的嵌套是指不同格式的设置作用于同一段内容 HTML遵循的原则如下 内容所设置的格式是相容的 则
3、取格式叠加的效果 如果所设置的格式是冲突的 则取最近样式符所修饰的效果多数的HTML标记符都可以嵌套 嵌套的一条原则是 逻辑上范围越大的标记符位于嵌套的越外层 嵌套时要注意层次关系粗斜体粗斜体粗斜体 2 2控制文本的显示效果 一 字体控制标记符FONT控制字符的样式包括开始标记符和结束标记符 结束标记符不能省略 1 size属性设置文字的大小 它的取值可以是绝对值和相对值 使用绝对值可以是1 7 3为默认值 值越大显示的文字越大 相对值使用 号和 号 指定相对默认值的字号 例如 1表示比默认字体大一号的字体 示例可以更改默认字体的大小 2 color属性控制文字的颜色示例本行文字为红色3 fa
4、ce属性指定字体样式 即通常所说的字体 格式 示例文字字体 默认 中 宋体 英文 TimesNewRoman 示例常用中英文字体列表 常用的中英文字体 中文字体 宋体楷体黑体隶书幼圆 常用的英文字体TimesnewromanArialArialblackCourtiernewComicsansmsevrdana 如若要求特殊字体 可以使用相关软件 处理成图片格式 2 2控制文本的显示效果 二 物理字符格式是指标记符本身就说明了所修饰文字的效果的标记符常用的物理字符样式 示例 2 2控制文本的显示效果 三 逻辑字符格式是指标记符本身表示了所修饰效果的逻辑含义常用的逻辑字符样式 注 通常与CSS样
5、式表共同使用 2 2控制文本的显示效果 四 滚动字幕效果一种常用的网页效果 通过标记符控制滚动的方式 MARQUEE标记符的属性如下 1 width和height定义了滚动字幕滚动区域的宽度和高度 默认100 宽 高当前所用字体2 align指定了滚动字幕如何与周围对象对齐 合法值为left right center 在页面中的对齐方式 top bottom和middle 与周围内容的垂直对齐方式 2 2控制文本的显示效果 3 behavior 描述滚动字幕如何滚动scroll默认值 表示文本从一个方向向前滚动直到屏幕外 然后重复slide 表示文本滚动到另一侧后就停下来alternate 表
6、示文本在定义的区域内来回交替滚动4 bgcolor 定义滚动字幕区域的背景色5 direct 指定文本滚动的方向left 从右向左 默认值 right 从左向右behavior alternate 情况下 第一次滚动的方向 2 2控制文本的显示效果 6 hspace和vspace 给出了滚动字幕四周水平和垂直方向上的间隙7 loop 指定滚动重复的次数 1和infinite表示无限重复 默认值 8 scrollamount 指定了文本滚动间的步进象素间距 9 scrolldelay 指定了两次文本重画之间的毫秒延时数 示例 2 3列表格式 一 有序列表 也称数字式列表 它是一种在各项内容前显示
7、有数字或字母的缩排列表1 创建有序列表 使用有序列表标记符OL和列表项标记符LI基本语法 列表项1列表项2列表项3 示例 2 3列表格式 OL标记符的属性 type 1 默认 A a I i LI标记符的属性 type 同上 value 指定一个新的数字序列起始值 以获得非连续性的序列 2 有序列表的嵌套 示例 2 3列表格式 二 无序列表 也称强调式列表 它是一种在各项内容前显示有特殊项目符号的缩排列表1 创建无序列表 使用无序列表标记符UL和列表项标记符LI基本语法 列表项1列表项2列表项3这里的UL和LI都只有一个属性 type 控制列表项前特殊符号的显示 属性的值有 disc 实心圆
8、默认值 circle 空心圆 square 实心或空心的方块注 属性的值区分大小写2 混合嵌套列表 2 4创建超链接 一 超级链接定义 就是当鼠标单击一些文字 图片或其他网页元素时 浏览器就会根据指示载入一个新的页面或调转到页面的其他位置 2 4创建超链接 二 相对地址与绝对地址1 什么是URL 统一资源定位器 资源的地址三部分组成 协议代码 装有所需文件的计算机地址 具体的文件地址和文件名协议表明应使用何种方式获取所需信息常用的有 超文本传输协议 文件传输协议 电子邮件协议 远程登陆协议等 2 4创建超链接 2 绝对URL和相对URL绝对URL 完整地址 例 http 2 4创建超链接 链接
9、路径 1 绝对路径2 相对路径3 基于根目录的路径1 三 页面链接 演示 是指指向其他网页的超链接和标记符注 目标文件格式 1 浏览器支持2 浏览器不支持 四 锚点链接 演示 锚点 在链接的过程中 除了可以对不同页面或文件链接外 用户也可以对同一页面的不同部分进行链接 在链接之前 首先应为页面中需要跳转到的位置命名 这样的位置被称为锚点 目录锚点链接 对同一页面的不同位置进行的链接 返回目录锚点链接也可以指向其他页面的锚点指向另一个页面的 B 部分 五 电子邮件链接 href的值指定为mailto 电子邮件地址 即可以实现 演示 2 5网站实例 一 网站规划 确定站点目标如何组织要展示的内容站
10、点的逻辑结构图站点的文件夹设计规划网站的导航系统 即超链接系统 二 页面设计 首页二级页面三级页面 站点的逻辑图 首页 唐诗首页 宋词首页 李白页面杜甫页面 My site rootfolder support Content html Hours html resources Tips html products Catalog html Index html homepage 一个目录子级目录不位于当前目录 一个目录 hours html或 hours html子级目录 support hours html不在当前目录 support content html products catalog html
