网页设计与开发实验课件第3章 文字与段落.ppt
《网页设计与开发实验课件第3章 文字与段落.ppt》由会员分享,可在线阅读,更多相关《网页设计与开发实验课件第3章 文字与段落.ppt(58页珍藏版)》请在三一文库上搜索。
1、主要内容 对网页中的文字格式化 对网页中的段落格式化3.1.1添加文字l文字是网页的基础部分,可以通过一些HTML标记实现对文字的格式化。l在HTML文件中,添加文字内容的方式与在word、记事本等中添加文字的方式相同,在需要输入文字的地方输入即可,l但是需要添加在与标记之间。l具体内容包括浏览器中要显示的文字、空格符、特殊符号以及注释语句。3.1.1添加文字在网页中添加文字在网页中添加文字这是一本介绍这是一本介绍HTML,CSS,JAVASCRIPT的专业书籍。的专业书籍。3.1.1添加文字3.1.2标题字l标题字就是以几种固定的字号去显示文字。在HTML中,定义了六级标题,从一级到六级,每
2、级标题的字体大小依次递减。l基本语法:标题文字3.1.2标题字在网页中添加标题字在网页中添加标题字一级标题一级标题二级标题二级标题三级标题三级标题四级标题四级标题五级标题五级标题六级标题六级标题 3.1.2标题字3.1.3添加空格l空格通常情况下,HTML会自动删除文字内容中的多余空格,不管文字中有多少空格,都被视做一个空格。比如:两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,可以明确使用“ ”表示空格。这种使用代码控制的方式与在文本编辑软件中通过输入空格键来添加空格的方式不同。l基本语法: 3.1.3添加空格在网页中添加空格在网页中添
3、加空格这是一本这是一本 介绍介绍HTML,CSS,JAVASCRIPT 的专业书籍。的专业书籍。3.1.3添加空格3.1.4添加特殊符号l特殊符号特殊符号和空格一样,也是通过在HTML文件中输入符号代码来添加。使用特殊符号可以将键盘上没有的字符输出出来。l基本语法:&.©3.1.4添加特殊符号在网页中添加特殊符号在网页中添加特殊符号版权所有版权所有©3.1.4添加特殊符号3.1.5注释语句l注释可以在HTML文档中添加注释,增加代码的可读性,便于以后维护和修改。访问者在浏览器中是看不见这些注释的,只有在用文本编辑器打开文档
4、源代码时才可见。l基本语法:或3.1.5注释语句在网页中添加添加注释在网页中添加添加注释body标记是主体内容标记是主体内容我们永远的家我们永远的家多媒体专业!多媒体专业!3.1.5注释语句3.2 文字样式l文字样式定义利用可以对网页文字的字体、字号、颜色进行定义。l基本语法:3.2 文字样式设置文字的字体、字号、颜色设置文字的字体、字号、颜色我们是一个团体,我们是一个团体,不会丢下谁,不会落下谁。共同奋进!不会丢下谁,不会落下谁。共同奋进!3.2 文字样式3.3.1粗体、斜体、下划线l 基本语法:3.3.1粗体、斜体、下划线文字的加粗、斜体和下划线文字的加粗、斜体和下划线这些文字是粗体这些文
5、字是粗体的的这些文字是斜体的这些文字是斜体的 这些文字带有下划线这些文字带有下划线 3.3.1粗体、斜体、下划线3.3.2删除线l基本语法:l语法说明置于标记中的文字将被加上删除线3.3.2删除线给文字添加删除线给文字添加删除线作者信箱由作者信箱由更改更改为为 3.3.2删除线3.3.3上标、下标l在数学公式中,上标和下标的使用比较广泛,比如x1,x2,y1,y2等。l基本语法:3.3.3上标、下标上标、下标的实现上标、下标的实现解下面的代数方程式解下面的代数方程式x2-3x+2=0解:解:x1=2;x2=13.3.3上标、下标3.3.4设置地址文字l地址文字标记用来表示HTML文档的特定信息
6、,如:E-mail、地址、签名、作者、文档信息等。通常显示为斜体。l基本语法:3.3.4设置地址文字 设置地址文字设置地址文字 给我们写信给我们写信: 3.3.4设置地址文字3.4段落段落l文字的组合就是段落,段落就是格式上统一的文本。l下面介绍和段落相关的HTML标记。3.4.1段落标记l段落标记在文本编辑器中输入的回车和额外空格将被HTML忽略,所以要在网页中开始一个段落需要通过使用标记来实现。由标记所标识的文字,代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符,用以区别文字的不同段落。l基本语法:3.4.1段落标记段落段落五十个不同的分子,在不同状态下进入了同一容器,五十个不
7、同的分子,在不同状态下进入了同一容器,这就组成了我们的家这就组成了我们的家多媒体专业。在这个容器里,多媒体专业。在这个容器里,我们碰撞着,摩擦着,产生了各色各样的灵感,活力与我们碰撞着,摩擦着,产生了各色各样的灵感,活力与情绪。情绪。在不地碰撞和摩擦中,分子也不断地变化,成长着,在不地碰撞和摩擦中,分子也不断地变化,成长着,最终可走出这个容器,勇敢地面对、挑战外面的世界。最终可走出这个容器,勇敢地面对、挑战外面的世界。不管外面如何复杂、艰难,请大家彼此珍惜这段我们相逢不管外面如何复杂、艰难,请大家彼此珍惜这段我们相逢相识相知的日子,在这里我们痛过笑过哭过,不论是苦的相识相知的日子,在这里我们痛
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与开发实验课件第3章 文字与段落 网页 设计 开发 实验 课件 文字 段落
链接地址:https://www.31doc.com/p-21712399.html