文本修饰与超级链接

1、第二章 文本格式2.1 文本分段文本分段一一段落标记符段落标记符P和换行标记符和换行标记符BR 1.P标记符用于将文档划分为段落，包括开始标记符和标记符用于将文档划分为段落，包括开始标记符和结束标记符，后者可以省略结束标记符，后者可以省略 2.BR标记符用于强制断行，只有一个开始标记符标记符用于强制断行，只有一个开始标记符 3.示例示例 注：空格参考字符注：空格参考字符  2.1 文本分段文本分段二二.水平线标记符水平线标记符HR 只有开始标记符只有开始标记符,它的属性有：它的属性有：1.size属性（粗细程度，值是一个整数，单位是像素，默认值属性（粗细程度，值是一个整数，单位是像素

2、，默认值为为2）2.width属性（设置水平线的长度，单位（像素或百分比）属性（设置水平线的长度，单位（像素或百分比）3.noshade属性（该属性没有值）属性（该属性没有值）4.color属性（定义水平线的颜色）属性（定义水平线的颜色）5.示例示例2.1 文本分段文本分段三三.标题标记符标题标记符Hn 用来标识网页中的标题和副标题，必须使用结束标记用来标识网页中的标题和副标题，必须使用结束标记符符(n=1-6,最大最大) 作用：自动改变字体大小，并设为黑体，并自动设置作用：自动改变字体大小，并设为黑体，并自动设置成一段。成一段。 示例示例2.1 文本分段文本分段四四.段落对齐段落对齐1.al

3、ign属性属性设置段落对齐方式，取值包括：设置段落对齐方式，取值包括：right、left、center、justify该属性应用于多种标记符：该属性应用于多种标记符：P、HR、Hn示例示例默认值不同2.DIV标记符与标记符与CENTER标记符标记符n多个段落使用相同的对齐方式，使用多个段落使用相同的对齐方式，使用DIV标记符将所有标记符将所有段落包括起来，然后在段落包括起来，然后在DIV属性中设置属性中设置align属性即可。属性即可。n示例示例nDIV标记符是用于文档分节的标记符，包括开始和结束标记符是用于文档分节的标记符，包括开始和结束标记符标记符nSPAN标记符，用于行内特定内容的显示

4、标记符，用于行内特定内容的显示n二者区别：二者区别：n他们主要用于他们主要用于CSS样式表样式表n 3.格式的嵌套格式的嵌套是指不同格式的设置作用于同一段内容，是指不同格式的设置作用于同一段内容，HTML遵循的遵循的原则如下：原则如下：内容所设置的格式是相容的，则取格式叠加的效果。内容所设置的格式是相容的，则取格式叠加的效果。如果所设置的格式是冲突的，则取最近样式符所修饰的效如果所设置的格式是冲突的，则取最近样式符所修饰的效果果多数的多数的HTML标记符都可以嵌套，嵌套的一条原则是：标记符都可以嵌套，嵌套的一条原则是：逻辑上范围越大的标记符位于嵌套的越外层。逻辑上范围越大的标记符位于嵌套的越外

5、层。嵌套时要注意层次关系嵌套时要注意层次关系粗斜体粗斜体粗斜体粗斜体 粗斜体粗斜体2.2 控制文本的显示效果控制文本的显示效果一一. .字体控制标记符字体控制标记符 F O N TF O N T 控制字符的样式包括开始标记符和结束标记符（结束标记符不能省略）1.size属性属性设置文字的大小，它的取值可以是绝对值和相对值。使设置文字的大小，它的取值可以是绝对值和相对值。使用绝对值可以是用绝对值可以是1-7（3为默认值），值越大显示的文字为默认值），值越大显示的文字越大。相对值使用（越大。相对值使用（+号和号和-号）指定相对默认值的字号，号）指定相对默认值的字号，例如例如+1表示比默认字体大一号

6、的字体。表示比默认字体大一号的字体。示例示例可以更改默认字体的大小可以更改默认字体的大小2.color属性属性控制文字的颜色控制文字的颜色示例示例 本行文字为红色本行文字为红色3.face属性属性指定字体样式，即通常所说的字体。格式：指定字体样式，即通常所说的字体。格式：示例文字字体示例文字字体(默认：中：宋体；英文：默认：中：宋体；英文：Times New Roman)示例示例常用中英文字体列表：常用中英文字体列表：常用的中英文字体常用的中英文字体n中文字体：宋体楷体黑体隶书幼圆n常用的英文字体Times new romanArialArial blackCourtier newComic

7、sans msevrdana如若要求特殊字体，可以使用相关软件，处理成图片格式如若要求特殊字体，可以使用相关软件，处理成图片格式2.2 控制文本的显示效果控制文本的显示效果二.物理字符格式物理字符格式 是指标记符本身就说明了所修饰文字的效果的标记符常用的物理字符样式标记符标记符功能功能标记符标记符功能功能粗体粗体删除线删除线大字体大字体下标下标斜体斜体上标上标删除线删除线固定宽度字体固定宽度字体小字体小字体下划线下划线示例示例2.2 控制文本的显示效果控制文本的显示效果三.逻辑字符格式逻辑字符格式 是指标记符本身表示了所修饰效果的逻辑含义常用的逻辑字符样式标记标记功能功能用于指定网页创建者和维

8、护者的信息，通常显示为斜体用于指定网页创建者和维护者的信息，通常显示为斜体用于表示文本属于引用，通常显示为斜体用于表示文本属于引用，通常显示为斜体用于表示程序代码，通常显示为固定宽度字体用于表示程序代码，通常显示为固定宽度字体用于表示定义了的术语，通常显示为黑体或斜体用于表示定义了的术语，通常显示为黑体或斜体用于强调某些字词，通常显示为斜体用于强调某些字词，通常显示为斜体用于表示用户的键盘输入，通常显示为固定宽度字体用于表示用户的键盘输入，通常显示为固定宽度字体用于表示文本样式，通常显示为固定宽度字体用于表示文本样式，通常显示为固定宽度字体用于特别强调某些字体，通常显示为粗体用于特别强调某些字

9、体，通常显示为粗体用于表示变量，通常显示为斜体用于表示变量，通常显示为斜体注：通常与注：通常与CSS样式表共同使用。样式表共同使用。2.2 控制文本的显示效果控制文本的显示效果四.滚动字幕效果滚动字幕效果 一种常用的网页效果，通过标记符控制滚动的方式。 MARQUEE标记符的属性如下：1.width和height 定义了滚动字幕滚动区域的宽度和高度。默认100宽，高当前所用字体2.align 指定了滚动字幕如何与周围对象对齐。合法值为left，right，center（在页面中的对齐方式）；top，bottom和middle（与周围内容的垂直对齐方式）。2.2 控制文本的显示效果控制文本的显示

10、效果3.behavior3.behavior：描述滚动字幕如何滚动：描述滚动字幕如何滚动scrollscroll默认值，表示文本从一个方向向前滚动直到屏幕默认值，表示文本从一个方向向前滚动直到屏幕外，然后重复外，然后重复slideslide，表示文本滚动到另一侧后就停下来，表示文本滚动到另一侧后就停下来alternatealternate，表示文本在定义的区域内来回交替滚动，表示文本在定义的区域内来回交替滚动4.bgcolor4.bgcolor：定义滚动字幕区域的背景色：定义滚动字幕区域的背景色5.direct5.direct：指定文本滚动的方向：指定文本滚动的方向leftleft：从右向左（

11、默认值）：从右向左（默认值）rightright：从左向右：从左向右behaviorbehavior“alternate”alternate”情况下，第一次滚动的方向情况下，第一次滚动的方向2.2 控制文本的显示效果控制文本的显示效果6.hspace6.hspace和和vspacevspace，给出了滚动字幕四周水平和垂直方向上，给出了滚动字幕四周水平和垂直方向上的间隙的间隙 7.loop7.loop：指定滚动重复的次数。：指定滚动重复的次数。1 1和和infiniteinfinite表示无限重复表示无限重复（默认值）（默认值）8.scrollamount8.scrollamount：指定了文

12、本滚动间的步进象素间距。：指定了文本滚动间的步进象素间距。9.scrolldelay9.scrolldelay：指定了两次文本重画之间的毫秒延时数。：指定了两次文本重画之间的毫秒延时数。示例示例2.3 列表格式列表格式一、有序列表一、有序列表. .也称数字式列表，它是一种在各项内容前显示有数字或字母的也称数字式列表，它是一种在各项内容前显示有数字或字母的缩排列表缩排列表1.1.创建有序列表：使用有序列表标记符创建有序列表：使用有序列表标记符OLOL和列表项标记符和列表项标记符LILI 基本语法：基本语法： 列表项列表项1 1 列表项列表项2 2 列表项列表项3 3 示例示例2.3 列表格式列表

13、格式OLOL标记符的属性：标记符的属性：typetype（1- -1- -（默认）；（默认）；A- -;aA- -;a； I I；i i）LILI标记符的属性：标记符的属性：typetype：同上；：同上；valuevalue：指定一个新的数：指定一个新的数 字序列起始值，以获得非连续性的序列。字序列起始值，以获得非连续性的序列。2.2.有序列表的嵌套有序列表的嵌套示例示例2.3 列表格式列表格式二、无序列表二、无序列表. .也称强调式列表，它是一种在各项内容前显示有特殊项目符号也称强调式列表，它是一种在各项内容前显示有特殊项目符号的缩排列表的缩排列表1.1.创建无序列表：使用无序列表标记符创

14、建无序列表：使用无序列表标记符ULUL和列表项标记符和列表项标记符LILI 基本语法：基本语法： 列表项列表项1 1 列表项列表项2 2 列表项列表项3 3 这里的这里的ULUL和和LILI都只有一个属性：都只有一个属性：typetype，控制列表项前特殊符号，控制列表项前特殊符号的显示，属性的值有：的显示，属性的值有：discdisc：实心圆（默认值）；：实心圆（默认值）；circlecircle：空：空心圆；心圆；squaresquare：实心或空心的方块：实心或空心的方块注：注：属性的值区分大小写属性的值区分大小写2.2.混合嵌套列表混合嵌套列表2.4 创建超链接创建超链接一、一、超级链

15、接定义超级链接定义： 就是当鼠标单击一些文字、图片或其他网页元素时，浏览器就会根据指示载入一个新的页面或调转到页面的其他位置。2.4 创建超链接创建超链接二、相对地址与绝对地址二、相对地址与绝对地址1.1.什么是什么是URLURL，统一资源定位器，资源的地址，统一资源定位器，资源的地址 三部分组成：协议代码；装有所需文件的计算机地三部分组成：协议代码；装有所需文件的计算机地址；具体的文件地址和文件名址；具体的文件地址和文件名 协议表明应使用何种方式获取所需信息常用的有：协议表明应使用何种方式获取所需信息常用的有：超文本传输协议；文件传输协议；电子邮件协议；远程超文本传输协议；文件传输协议；电子

16、邮件协议；远程登陆协议等登陆协议等http:/ 创建超链接创建超链接2.2.绝对绝对URLURL和相对和相对URLURL绝对绝对URL(URL(完整地址完整地址) )例：例：http/ 协议协议 计算机域名计算机域名 包含路径的文件名包含路径的文件名相对相对URLURL 相对于当前页面的地址，包含从当前页面指向目的页相对于当前页面的地址，包含从当前页面指向目的页面位置的路径面位置的路径基于根目录的路径基于根目录的路径2.4 创建超链接创建超链接n链接路径：1:绝对路径 2:相对路径 3:基于根目录的路径n1: http:/ /products/catalog.html三、页面链接三、页面链接演

17、示演示n是指指向其他网页的超链接n和标记符n注：目标文件格式：1.浏览器支持2.浏览器不支持四、锚点链接四、锚点链接演示演示n锚点：在链接的过程中，除了可以对不同页面或文件链接外，用户也可以对同一页面的不同部分进行链接，在链接之前，首先应为页面中需要跳转到的位置命名。这样的位置被称为锚点。目录n锚点链接：对同一页面的不同位置进行的链接。返回目录n锚点链接也可以指向其他页面的锚点指向另一个页面的“B”部分五、电子邮件链接五、电子邮件链接n href的值指定为mailto：电子邮件地址，即可以实现演示演示一、网站规划 确定站点目标 如何组织要展示的内容 站点的逻辑结构图 站点的文件夹设计 规划网站的导航系统（即超链接系统）二、页面设计 首页首页 二级页面二级页面 三级页面三级页面站点的逻辑图首页首页唐诗首页唐诗首页宋词首页宋词首页