1、实例版,第4章 文字与段落,4.1 编辑内容 4.2 文字效果 4.3 文字修饰 4.4 段落 4.5 小实例文字网页 4.6 习题,4.1 编辑内容,4.1.1 添加文字 4.1.2 添加注释或 4.1.3 添加空格 4.1.4 添加删除线 4.1.5 插入特殊符号,4.1.1 添加文字,基本语法, 请在此处添加文字！ ,4.1.1 添加文字,语法说明,在网页中添加文字，只要在之间，需要插入文字的地方输入文字就可以实现。,4.1.1 添加文字,实例代码,4.1.1 添加文字,网页效果,4.1.2 添加注释或,基本语法, 添加注释 此处也可以添加注释语句 ,4.1.2 添加注释或,语法说明,给
2、代码添加注释语句时，或可以放在HTML文件的任何地方，都不会在网页中被显示出来。,4.1.2 添加注释或,实例代码,4.1.2 添加注释或,网页效果,4.1.3 添加空格,基本语法, ,4.1.3 添加空格,语法说明,在HTML文件中，添加空格需要使用代码“ ；”控制，需要多少个空格就需要添加多少个“ ；”。,4.1.3 添加空格,实例代码,4.1.3 添加空格,网页效果,4.1.4 添加删除线,基本语法, 请在此输入需要添加删除线的文字 ,4.1.4 添加删除线,语法说明,在成对的 标记之间输入文字，在网页中显示改标记之间的文字就是被添加了删除线后的显示效果。,4.1.4 添
3、加删除线,实例代码,4.1.4 添加删除线,网页效果,4.1.5 插入特殊符号,基本语法, ,附表4-1,4.1.5 插入特殊符号,表4-1 部分特殊符号与对应代码,4.1.5 插入特殊符号,语法说明,在HTML文件中，特殊符号对应的代码，在网页中显示的就是该代码对应的特殊符号。,4.1.5 插入特殊符号,实例代码,4.1.5 插入特殊符号,网页效果,4.2 文字效果,4.2.1 编辑网页文字样式 4.2.2 设置文字标注标记,4.2.1 编辑网页文字样式,基本语法, ,4.2.1 编辑网页文字样式,语法说明,在HTML文件中，利用成对标记就可以将网页中的文字根据需要，对其进行样式的编辑。,4
4、.2.1 编辑网页文字样式,实例代码,4.2.1 编辑网页文字样式,网页效果,4.2.2 设置文字标注标记,基本语法, 被说明的文字 文字的标注 ,4.2.2 设置文字标注标记,语法说明,利用成对的标记，可以对网页中的文字进行标注。,4.2.2 设置文字标注标记,实例代码,4.2.2 设置文字标注标记,网页效果,4.3 文字修饰,4.3.1 简单修饰文字 4.3.2 确定文字上下标/ 4.3.3 设置地址文字 4.3.4 设置等宽文字、 、,4.3.1 简单修饰文字,基本语法, 普通文字的显示 加粗的文字 斜体文字 添加下划线文字 ,4.3.1 简单修饰文字,语法说明,在HTML文件中，利用成
5、对字体样式编辑标记就可以将网页中的文字根据需要，对其进行样式的编辑。 成对标记表示加粗文字显示； 成对标记表示斜体文字显示； 成对标记表示给文字添加下划线。,4.3.1 简单修饰文字,实例代码,4.3.1 简单修饰文字,网页效果,4.3.2 确定文字上下标/,基本语法, 上标内容 下标内容 ,4.3.2 确定文字上下标/,语法说明,在HTML文件中，成对的标记可以表示上标，利用成对的标记表示下标。,4.3.2 确定文字上下标/,实例代码,4.3.2 确定文字上下标/,网页效果,4.3.3 设置地址文字,基本语法, 请在此添加地址信息 ,4.3.3 设置地址文字,语法说明,在HTML文件中，利用
6、成对 标记就可以将网页需要显示的地址文字突出显示。,4.3.3 设置地址文字,实例代码,4.3.3 设置地址文字,网页效果,4.3.4 设置等宽文字、,基本语法, 打字机风格显示 等宽文字设置内容 等宽文字设置内容 键盘输入 ,4.3.4 设置等宽文字、,语法说明,在HTML文件中，利用成对标记就可以对网页中的文字进行等宽设计。 成对标记设置打字机显示风格 等宽文字设置 等宽文字设置 键盘输入风格,4.3.4 设置等宽文字、,实例代码,4.3.4 设置等宽文字、,网页效果,4.4 段落,4.4.1 回车 4.4.2 换行与不换行/ 4.4.3 预格式化 4.4.4 居中显示文字 4.4.5 设
7、置段落缩进 4.4.6 忽略HTML标记 4.4.7 插入并设置水平线,4.4 段落,基本语法, ,4.4 段落,语法说明,在HTML文件中，标记是一个段落标记符号，利用标记可以对网页中的文字信息进行段落的定义，但不能进行段落格式的定义。,4.4 段落,实例代码,4.4 段落,网页效果,4.4.1 回车,基本语法, 输入要显示的文字内容继续输入要显示的内容 ,4.4.1 回车,语法说明,在HTML文件中，利用标记可以插入换行符。,4.4.1 回车,实例代码,4.4.1 回车,网页效果,4.4.2 换行与不换行/,基本语法, 输入要显示的文字内容继续输入要显示的内容 ,4.4.2 换行与不换行/
8、,语法说明,HTML文件中，成对的标记表示不换行，但是在标记中，插入成对的 标记后， 标记之间的内容会被强制换行。,4.4.2 换行与不换行/,实例代码,4.4.2 换行与不换行/,网页效果,4.4.3 预格式化,基本语法, ,4.4.3 预格式化,语法说明,在HTML文件中，利用标记不仅可以定义网页文字中的段落，还可以对段落格式进行定义。,4.4.3 预格式化,实例代码,4.4.3 预格式化,网页效果,4.4.4 居中显示文字,基本语法, 需要对齐的内容 ,4.4.4 居中显示文字,语法说明,在HTML文件中，利用成对标记，对齐标记之间在内容将会在网页中居中显示。,4.4.4 居中显示文字,
9、实例代码,4.4.4 居中显示文字,网页效果,4.4.5 设置段落缩进,基本语法, 需要缩进的内容 ,4.4.5 设置段落缩进,语法说明,在HTML文件中，利用成对 标记对网页中的文字进行缩进，可以更好地体现网页文字的层次结构。,4.4.5 设置段落缩进,实例代码,4.4.5 设置段落缩进,网页效果,4.4.6 忽略HTML标记,基本语法, ,4.4.6 忽略HTML标记,语法说明,在HTML文件中，只要是插入在成对的标记中的内容，都会将HTML标记忽略，包括标记在内的所有内容都会直接显示在页面上。,4.4.6 忽略HTML标记,实例代码,4.4.6 忽略HTML标记,网页效果,4.4.7 插入并设置水平线,表4.2 水平线的属性,4.4.7 插入并设置水平线,基本语法, ,4.4.7 插入并设置水平线,语法说明,在HTML文件中，利用标记可以插入水平线，同时利用水平线标记本身的属性，可以对水平线进行一些简单的设置。,4.4.7 插入并设置水平线,实例代码,4.4.7 插入并设置水平线,网页效果,4.5 小实例文字网页,实例代码,4.5 小实例文字网页,接上页,4.5 小实例文字网页,网页效果,
