网站建设与网页制作_第三章_在网页中插入文本.ppt
《网站建设与网页制作_第三章_在网页中插入文本.ppt》由会员分享,可在线阅读,更多相关《网站建设与网页制作_第三章_在网页中插入文本.ppt(37页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
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 设定网页背景和文字的颜色设定网页背景和文字的颜色设定网
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 建设 网页 制作 第三 插入 文本
限制150内