《网站建设与网页制作_第三章_在网页中插入文本.ppt》由会员分享，可在线阅读，更多相关《网站建设与网页制作_第三章_在网页中插入文本.ppt（37页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精品课件精品课件第三章第三章 在网页中插入文本在网页中插入文本昆明理工大学昆明理工大学昆明理工大学昆明理工大学 七星少年七星少年网站建设与网页制作本本 章章 内内 容容 设置文本格式设置文本格式2文字输入文字输入3 1插入其它文本元素插入其它文本元素3 3设置列表设置列表4插入标尺和网格插入标尺和网格3 5文本和段落的文本和段落的HTML标记标记6网站建设与网页制作3.1 3.1 文字输入文字输入1.打开待编辑的网页；打开待编辑的网页；2.将光标定位于输入文本的位置，输入文本；将光标定位于输入文本的位置，输入文本；3.保存文档，浏览网页；保存文档，浏览网页；网站建设与网页制作3.2 3.2 设
2、置文本格式设置文本格式3.2.1 3.2.1 设置文本字体设置文本字体3.2.2 3.2.2 设置文本大小设置文本大小3.2.2 3.2.2 设置文本颜色设置文本颜色网站建设与网页制作3.3 3.3 插入插入其它文本元素其它文本元素3.3.1 3.3.1 插入特殊字符插入特殊字符将光标置于要插入特殊字符的位置，执行菜单将光标置于要插入特殊字符的位置，执行菜单“插入插入”“HTML”“特殊字符特殊字符”要插入的字符；要插入的字符；3.3.2 3.3.2 插入水平线插入水平线将光标置于要插入水平线的位置，执行菜单将光标置于要插入水平线的位置，执行菜单“插入插入”“HTML”“水平线水平线”；网站建
3、设与网页制作3.3 3.3 插入插入其它文本元素其它文本元素3.3.3 3.3.3 插入日期和时间插入日期和时间将光标置于要插入日期的位置，执行菜单将光标置于要插入日期的位置，执行菜单“插入插入”“日期日期”；3.3.4 3.3.4 插入注释插入注释将光标置于要插入注释的位置，执行菜单将光标置于要插入注释的位置，执行菜单“插入插入”“注释注释”；网站建设与网页制作3.4 3.4 设置列表设置列表3.4.1 3.4.1 插入项目列表插入项目列表 项目列表中各个项目之间没有顺序、级别之分，通常使用项目列表中各个项目之间没有顺序、级别之分，通常使用一个项目符号作为每条列表项的前缀；一个项目符号作为每
4、条列表项的前缀；项目项目1 项目项目2 项目项目3网站建设与网页制作3.4 3.4 设置列表设置列表3.4.1 3.4.1 插入项目列表插入项目列表 1.选中文本，执行菜单选中文本，执行菜单“插入插入”“文本对象文本对象”“项目项目列表列表”；2.单击属性面板中的单击属性面板中的“项目列表项目列表”按钮按钮 ，也可插入项，也可插入项目列表；目列表；网站建设与网页制作3.4 3.4 设置列表设置列表3.4.2 3.4.2 插入编号列表插入编号列表 编号列表通常使用阿拉伯数字、英文字母、罗马数字等符编号列表通常使用阿拉伯数字、英文字母、罗马数字等符号来编排项目，各个项目之间有一定先后关系；号来编排
5、项目，各个项目之间有一定先后关系；项目项目1 项目项目2 项目项目3网站建设与网页制作3.4 3.4 设置列表设置列表3.4.2 3.4.2 插入编号列表插入编号列表 1.选中文本，执行菜单选中文本，执行菜单“插入插入”“HTML”“文本对象文本对象”“编号列表编号列表”；2.单击属性面板中的单击属性面板中的“编号列表编号列表”按钮按钮 ，也可插入编，也可插入编号列表；号列表；网站建设与网页制作3.5 3.5 插入标尺和网格插入标尺和网格1.1.显示标尺：执行菜单显示标尺：执行菜单“查看查看”“标尺标尺”“显示显示”命令；命令；3.5.1 3.5.1 插入标尺插入标尺2.2.重设原点：执行菜单
6、重设原点：执行菜单“查看查看”“标尺标尺”“重设原点重设原点”命令；命令；3.3.更改标尺度量单位：执行菜单更改标尺度量单位：执行菜单“查看查看”“标尺标尺”选择选择“像素像素”、“英寸英寸”、“厘米厘米”命令；命令；网站建设与网页制作3.5 3.5 插入标尺和网格插入标尺和网格1.1.网格设置：执行菜单网格设置：执行菜单“查看查看”“网格设置网格设置”“网格设置网格设置”命令；命令；3.5.2 3.5.2 插入网格插入网格2.2.显示显示/关闭网格：执行菜单关闭网格：执行菜单“查看查看”“网格设置网格设置”选择勾选选择勾选“显显示网格示网格”命令；命令；3.3.启用和禁用网格靠齐：执行菜单启
7、用和禁用网格靠齐：执行菜单“查看查看”“网格设置网格设置”选择勾选择勾选选“靠齐到网格靠齐到网格”命令；命令；网格是用做在网页文档窗口的设计视图中对层进行绘制、定位或网格是用做在网页文档窗口的设计视图中对层进行绘制、定位或大小调整的可视化向导，可以使网页元素在被移动时，自动靠齐到网大小调整的可视化向导，可以使网页元素在被移动时，自动靠齐到网格；格；网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.1 HTML3.6.1 HTML简介简介 HTML并不是一种程序，它只是一种控制网页中资料显示的标记语并不是一种程序，它只是一种控制网页中资料显示的标记语言，易
8、学易懂，非常简单。言，易学易懂，非常简单。HTML由版本由版本1.0已经发展到今天的已经发展到今天的5.0。HTML 5.0是一个适应性是一个适应性强，兼容性高的新版本。它支持丰富的样式表、脚本、框架、表格和表强，兼容性高的新版本。它支持丰富的样式表、脚本、框架、表格和表单。单。HTML中定义了一系列标签，这些标签用于控制网页出版的文档格中定义了一系列标签，这些标签用于控制网页出版的文档格式、字符格式、段落格式等，还包括为达到网页交互效果而对脚本语言、式、字符格式、段落格式等，还包括为达到网页交互效果而对脚本语言、Java小程序、小程序、CGI程序等的支持和调用的规则。程序等的支持和调用的规则
9、。HTML文件是用特定元素标记的、可识别的文件是用特定元素标记的、可识别的ASCII组成的文本文件。组成的文本文件。HTML文件中元素标记只含有字母、数字、标点符号和其他可打印的字文件中元素标记只含有字母、数字、标点符号和其他可打印的字符。在浏览器中，可以显示出符。在浏览器中，可以显示出Web页中各种文字、字型、标题、表格页中各种文字、字型、标题、表格等内容，但是，等内容，但是，HTML并不是一个图文混排的排版软件。并不是一个图文混排的排版软件。在一个在一个HTML编写的编写的Web页中，可以链接图形、图像、声音等多媒页中，可以链接图形、图像、声音等多媒体文件，并且可通过超级链接与体文件，并且
10、可通过超级链接与Internet上的其他计算机和服务器中的上的其他计算机和服务器中的信息相连接。信息相连接。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.2 HTML3.6.2 HTML编辑和运行环境编辑和运行环境 因因为为HTML是是一一个个文文本本文文件件，所所以以可可以以使使用用任任何何一一个个文文本本编编辑辑器器进进行行编编写写，它它通通过过浏浏览览器器来来解解释释执执行行。我我们们一一般般采采用用纯纯文文本本文文档档编编辑辑器器，如如Windows中中的的记记事事本本来来编编辑辑HTML文件。文件。网站建设与网页制作3.6 3.6 文本文本
11、和段落的和段落的HTMLHTML标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构 第一个HTML示例 HTML的基本结构。下面我们开始编写一个简单下面我们开始编写一个简单下面我们开始编写一个简单下面我们开始编写一个简单HTMLHTML文档：文档：文档：文档：网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构从上述代码中我们可以从上述代码中我们可以看出看出HTML文档的基本文档的基本结构如下图所示：结构如下图所示：网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTM
12、L标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构文件开始标签文件开始标签htmlhtml 在任何的一个在任何的一个HTML文件文件 里，最先出现的里，最先出现的HTML标签就是标签就是，它用以表示该文档是以超文本标记语言（，它用以表示该文档是以超文本标记语言（HTML）编写的。）编写的。它是成对出现的，首标签它是成对出现的，首标签和尾标签和尾标签分别位于文分别位于文档的最前面和最后面，文件中的所有文本和档的最前面和最后面，文件中的所有文本和HTML标签都包含在其中。标签都包含在其中。如：如：文件的全部内容文件的全部内容 该标签不带任何属性。该标签不带任何属性。事实上，我们
13、现在常用的事实上，我们现在常用的Web浏览器（浏览器（Netscape和和IE）都可以自）都可以自动识别动识别HTML文档，并不要求有文档，并不要求有标签，也不对该标签做任何操标签，也不对该标签做任何操作。但是，为了提高文档的适用性，使我们编写的作。但是，为了提高文档的适用性，使我们编写的HTML文档能适应文档能适应日新月异的日新月异的Web浏览器，还是应该养成使用这个标签的习惯。浏览器，还是应该养成使用这个标签的习惯。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构文件头部标签文件头部标签文件头部标
14、签文件头部标签headhead习惯上我们把习惯上我们把HTML文档分为文档头和文档主体两部分。文档主体文档分为文档头和文档主体两部分。文档主体部分就是我们在部分就是我们在Web浏览器窗口的用户区内看到的内容，而文档头部浏览器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题（出现在分用来规定该文档的标题（出现在Web浏览器窗口的标题栏中）和文浏览器窗口的标题栏中）和文档的一些属性。档的一些属性。是一个表示网页头部的标签。由是一个表示网页头部的标签。由标签所定义的元素中，标签所定义的元素中，并不放置网页的任何内容，而是放置关于这个并不放置网页的任何内容，而是放置关于这个HTML文件的信息
15、，也文件的信息，也就是说它并不属于就是说它并不属于HTML文件的主体，它包含文件的标题、编码方式、文件的主体，它包含文件的标题、编码方式、URL等。这些信息大部分是用于提供索引、辨认或其他应用。等。这些信息大部分是用于提供索引、辨认或其他应用。写在写在与与中间的文本，如果又写在中间的文本，如果又写在“title”标签中，标签中，表示该网页的名称，并作为窗口的名称显示在这个网页窗口的最上方。表示该网页的名称，并作为窗口的名称显示在这个网页窗口的最上方。如果你的如果你的HTML文件并不需要提供相关信息时，可以省略文件并不需要提供相关信息时，可以省略标标签。签。网站建设与网页制作3.6 3.6 文本
16、文本和段落的和段落的HTMLHTML标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构文件标题标签文件标题标签文件标题标签文件标题标签titletitletitletitle 每个每个HTML文件都需要有一个文件名称，在浏览器中作为窗口名文件都需要有一个文件名称，在浏览器中作为窗口名称显示在该窗口的最上方。这对浏览器的称显示在该窗口的最上方。这对浏览器的“收藏收藏”功能很有用。浏览功能很有用。浏览者如果认为某个网页对自己非常有用，今后会经常阅读，可以使用者如果认为某个网页对自己非常有用，今后会经常阅读，可以使用IE浏览器浏览器“收藏收藏”菜单中的菜单中的“添加到收藏夹添加到收
17、藏夹”功能将它保存起来，供以功能将它保存起来，供以后调用。网页的名称要写在后调用。网页的名称要写在和和之间，并且之间，并且标签应标签应包含在包含在与与标签之中。标签之中。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.3 HTML3.6.3 HTML的基本结构的基本结构文件主体标签文件主体标签文件主体标签文件主体标签bodybodybodybody 标签是成对出现的。网页中的主体内容应该写标签是成对出现的。网页中的主体内容应该写在在和和之间，而之间，而标签包含在标签包含在标标签里面。签里面。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HT
18、MLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局1 1 1 1 换行标签换行标签换行标签换行标签brbrbrbr2 2 2 2 分段控制标签分段控制标签分段控制标签分段控制标签p p p p3 3 3 3 居中对齐标签居中对齐标签居中对齐标签居中对齐标签centercentercentercenter4 4 4 4 水平分隔线标签水平分隔线标签水平分隔线标签水平分隔线标签hrhrhrhr5 5 5 5 特殊字符特殊字符特殊字符特殊字符6 6 6 6 注释标签注释标签注释标签注释标签7 7 7 7 设定网页背景和文字的颜色设定网页背景和文字的颜色设定网
19、页背景和文字的颜色设定网页背景和文字的颜色网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局换行标签br 换行标签是个单标签，换行标签是个单标签，HTMLHTML文件中任何位置只要使用了文件中任何位置只要使用了标签，当文件显示在浏览器中时，该位置之后的文字将显示于下一标签，当文件显示在浏览器中时，该位置之后的文字将显示于下一行。行。在一般的文本文件中，只要按下键盘上的回车键便会产生一在一般的文本文件中，只要按下键盘上的回车键便会产生一个换行符，使文本文件中的文字换行显示。但是在个换行符，使文
20、本文件中的文字换行显示。但是在HTMLHTML文件中，由文件中，由回车键所产生的换行符，在浏览器中并不会视为换行符号。因此，回车键所产生的换行符，在浏览器中并不会视为换行符号。因此，若要将某位置后的文字显示于下一行时，必须在该位置使用若要将某位置后的文字显示于下一行时，必须在该位置使用标标签，才能达到换行的效果。签，才能达到换行的效果。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 由由标签所标识的文字，代表同一个段落的文字。在浏览器中，不标签所标识的文字，代表同一个段落的文字。在浏览器
21、中，不同段落文字间除了换行外，还会以一个空白行加以间隔，以便区别出文同段落文字间除了换行外，还会以一个空白行加以间隔，以便区别出文字的不同段落。它可以单独使用，也可以成对使用。字的不同段落。它可以单独使用，也可以成对使用。1格式：格式：文字 文字 文字 2说明：说明：其中其中align属性有属性有left、center和和right三个参数，这三个设置值将依次把三个参数，这三个设置值将依次把段落文字的水平对齐方式设为左对齐、居中对齐和右对齐。段落文字的水平对齐方式设为左对齐、居中对齐和右对齐。分段控制标签p网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6
22、.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局居中对齐标签center 文文本本在在页页面面上上中中使使用用标标签签进进行行居居中中控控制制，是是一一个个成成对对标标签签，在在想想居居中中的的文文本本部部分分开开头头处处加加，结尾处加，结尾处加即可。即可。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局水平分隔线标签hr有时候，我们想在网页中生成一条水平分隔线，将不同的内容信有时候，我们想在网页中生成一条水平分隔线，将不同的内容信息分开，使文字看起来清晰、明确，这时可以
23、使用息分开，使文字看起来清晰、明确，这时可以使用标签来达到标签来达到此目的。此目的。标签是单独使用的标签，它的作用是换行并在该行下画一条标签是单独使用的标签，它的作用是换行并在该行下画一条横线，横线的上下两端都会留出一定的空白。横线，横线的上下两端都会留出一定的空白。通过给通过给标签设置一定的属性，可以使它具有更强的功能。标签设置一定的属性，可以使它具有更强的功能。标签的属性有标签的属性有size、width和和align。下表为控制。下表为控制标签所建立标签所建立的水平分隔线样式的属性说明。的水平分隔线样式的属性说明。说明：如果采用百分比为单位来设定水平分隔线的宽度，其百分说明：如果采用百分
24、比为单位来设定水平分隔线的宽度，其百分比值可随窗口的大小变化而改变，相对比例保持不变。比值可随窗口的大小变化而改变，相对比例保持不变。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局标签属性说明标签属性说明属 性 参 数 功 能 单 位 默认值size 设置水平分隔线的粗细 Pixel（像素）2 width 设置水平分隔线的宽度 Pixel（像素）、百分比 100%align left、center、right 设置水平分隔线的对齐方式 centercolor 设置水平分隔线的颜色 bla
25、ck noshade 水平分隔线不显示3D阴影 网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 在在HTML文件中，有些字符没办法直接显示出来，比如说文件中，有些字符没办法直接显示出来，比如说“”。使用特殊字符可以将键盘上没有的字符表达出来，而有些字符在键盘上使用特殊字符可以将键盘上没有的字符表达出来，而有些字符在键盘上虽然可以得到，但在虽然可以得到，但在HTML中有其特殊的含义，如中有其特殊的含义，如“”等等，也必须等等，也必须用一些代码表示它们，以免发生混淆。用一些代码表示它们，以免
26、发生混淆。在建立在建立HTML文件时，若您利用键盘上的空格键，输入数个空格，文件时，若您利用键盘上的空格键，输入数个空格，不论输入的空格有多少个，都将视为一个。因此，如果您想要输入多个不论输入的空格有多少个，都将视为一个。因此，如果您想要输入多个空格时，必须利用空格符号空格时，必须利用空格符号 。常见特殊字符的代码见下表常见特殊字符的代码见下表：特殊字符网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局HTML常见特殊字符及其代码表常见特殊字符及其代码表 特殊或专用字符 数字代码
27、字符代码>>&&""!!©©;®®空格 网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局注释标签注释标签 如果想方便地在HTML中查找和记忆有关文件的内容和标识，则可以在HTML文件中加入注释，放在注释中的文本在屏幕上是不出现的。在文件ex2-11.html的源代码中可以看到注释，但在浏览器中却看不到。注释标签的格式有两种：网站建设与网页制作3.6 3.6 文本文本和段落的和段落
28、的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局设定网页背景和文字的颜色设定网页背景和文字的颜色 HTML文件的主体将定义于文件的主体将定义于标签中，也就是网页的主要内标签中，也就是网页的主要内容，并依照各种容，并依照各种HTML标签的控制，将这些内容显示在浏览器的窗口标签的控制，将这些内容显示在浏览器的窗口中。设置在中。设置在标签内的属性，可控制整个页面的显示方式。标签内的属性，可控制整个页面的显示方式。1格式：格式：2说明：说明：background属性将在以后章节进行讲解。属性将在以后章节进行讲解。通过通过bgcolor属性可以改变网页的
29、背景颜色，其格式如下：属性可以改变网页的背景颜色，其格式如下：或或 网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 其其中中#nnnnnn代代表表六六位位十十六六进进制制数数，每每两两位位的的取取值值均均是是从从00FF，代代表表ASCII码码的的00255，前前两两位位设设置置红红色色的的深深浅浅，中中间间两两位位设设置置绿绿色的深浅，最后两位设置蓝色的深浅。色的深浅，最后两位设置蓝色的深浅。在在指指定定文文字字的的颜颜色色时时，也也可可以以直直接接使使用用该该颜颜色色对对应应的的英英
30、文文单单词词，例例 如如，我我 们们 指指 定定 背背 景景 的的 颜颜 色色 为为 红红 色色，可可 以以 表表 示示 为为：也也可可以以表表示示为为。为为了了便便于于记记忆忆，建建议议读读者者直直接接用用相相应应的的英英文文单单词词指指定定颜颜色色。bgcolor属属性性的的参参数数值值可可以以是是下下表所示表所示16种颜色中的任何一种。种颜色中的任何一种。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局名名名名 称称称称 颜颜颜颜 色色色色 名名名名 称称称称 颜颜颜颜 色色色色 B
31、lack(#000000)Black(#000000)黑黑黑黑 色色色色 Red Red 红红红红 色色色色(#FF3300)(#FF3300)Lime(#666666)Lime(#666666)石灰色石灰色石灰色石灰色 Maroon Maroon 栗栗栗栗 色色色色(#993300)(#993300)Gray(#999999)Gray(#999999)灰灰灰灰 色色色色 SilverSilver银白色银白色银白色银白色(#CCCCCC)(#CCCCCC)Navy(#0033CC)Navy(#0033CC)海军蓝海军蓝海军蓝海军蓝OliveOlive橄榄绿橄榄绿橄榄绿橄榄绿(#336633)(
32、#336633)Purple(#660000)Purple(#660000)紫紫紫紫 色色色色YellowYellow黄黄黄黄 色色色色(#FFFF00)(#FFFF00)Aqua(#0066FF)Aqua(#0066FF)浅蓝绿浅蓝绿浅蓝绿浅蓝绿BlueBlue蓝蓝蓝蓝 色色色色(#00FFFF)(#00FFFF)Green(#66FF00)Green(#66FF00)绿绿绿绿 色色色色FuchsiaFuchsia紫红色紫红色紫红色紫红色(#993333)(#993333)White(#FFFFFF)White(#FFFFFF)白白白白 色色色色TealTeal暗蓝绿暗蓝绿暗蓝绿暗蓝绿(#0
33、06666)(#006666)text属性用于指定网页内文字的颜色。属性用于指定网页内文字的颜色。网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局标签用于设置网页中的标题文字，被设置的文字将以黑体、粗体的标签用于设置网页中的标题文字，被设置的文字将以黑体、粗体的方式显示在网页中。方式显示在网页中。1格式：格式：align=标题文字标题文字 2说明：说明：标签是成对出现的，夹在标签是成对出现的，夹在和和之间的文字就是文档中的之间的文字就是文档中的标题。标题。标签共分六级，其中标签共分六级，其
34、中标签所括起的文字是第一级标题，最标签所括起的文字是第一级标题，最大最粗；大最粗；标签所括起的文字是最后一级标题，最小最细。标签所括起的文字是最后一级标题，最小最细。align属性用于设置标题的位置。属性用于设置标题的位置。align属性的参数值为属性的参数值为left、center或或right之一，分别表示标题位于浏览器窗口的左侧、中间和右侧。之一，分别表示标题位于浏览器窗口的左侧、中间和右侧。标题文字具体有多大则因浏览器的不同而不同。标题文字具体有多大则因浏览器的不同而不同。标签本身具有换行的作用，标题总是从新一行开始。标签本身具有换行的作用，标题总是从新一行开始。标题文字标签标题文字标
35、签hnhn网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 font标签用于控制文字的字体、大小与颜色。控制的方式是标签用于控制文字的字体、大小与颜色。控制的方式是利用属性设置实现的，各属性的使用功能说明见下表。利用属性设置实现的，各属性的使用功能说明见下表。font标签的属性标签的属性 属属 性性 使用功能使用功能 face 控制文字使用的字体控制文字使用的字体 size 控制文字的大小控制文字的大小color 控制文字的颜色控制文字的颜色文字格式控制标签文字格式控制标签fontfont
36、网站建设与网页制作3.6 3.6 文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 1格式：格式：文字文字 2说明：说明：face属性的格式为：属性的格式为：文字文字 若若face属性所指定的字体名称，并不存在于用户的系统时，将使用默认的属性所指定的字体名称，并不存在于用户的系统时，将使用默认的字体。字体。size属性的取值为属性的取值为17，默认值为，默认值为3；同时，也可以用；同时，也可以用“+”或或“”来设来设定字号的相对值。定字号的相对值。color属性的格式为：属性的格式为：或或网站建设与网页制作3.6 3.6
37、文本文本和段落的和段落的HTMLHTML标记标记3.6.4 3.6.4 文字版面的编辑之页面布局文字版面的编辑之页面布局 在有关文字的显示中，常常会使用一些特殊的字型或字体来产生在有关文字的显示中，常常会使用一些特殊的字型或字体来产生一定的强调、突出、区别以及提示等效果。一定的强调、突出、区别以及提示等效果。HTML中用于这种功能中用于这种功能的标签可以分为两类：物理类型和逻辑类型。的标签可以分为两类：物理类型和逻辑类型。粗体粗体b标签标签放在放在与与标签之间的文字将以粗体方式显示。标签之间的文字将以粗体方式显示。斜体斜体i标签标签放在放在与与标签之间的文字将以斜体方式显示。标签之间的文字将以斜体方式显示。下划线下划线u标签标签放在放在与与标签之间的文字将以加下划线的方式显示。标签之间的文字将以加下划线的方式显示。特定文字样式标签特定文字样式标签精品课件精品课件