第三章网页文字与段落_第1页
第三章网页文字与段落_第2页
第三章网页文字与段落_第3页
第三章网页文字与段落_第4页
第三章网页文字与段落_第5页
已阅读5页，还剩32页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第三章文字与段落本章内容3.1编辑内容3.2文字效果3.3文字的修饰3.4段落3.1编辑内容3.1.1注释3.1.2空格符号3.1.3特殊符号在浏览器中显示的文字内容需要编写在<body>标签中，这些内容包括普通的文字、空格符和特殊符号以及页面的注释语句等。常用的编辑内容标签如下表所示：标签含义<comment>注释<!--…-->

空格符等特殊符号常用编辑内容标签3.1.1注释注释标签用来在源文档中插入注释，注释会被浏览器忽略。基本语法 <comment>…</comment>

<!--…-->语法解析：使用上述两种表示方法都可以代表注释语句；开始使用<!--或<comment>，结束使用-->或</comment>，中间为注释内容。注意：一般情况下使用<!--…-->注释网页内容，部分浏览器不支持<comment>注释，如Firefox。3.1.2空格符号HTML页面中空格符号是通过代码进行控制的。基本语法：

语法解析：一个半角空格使用一个 表示，多个空格只需使用多次即可。注意：在建立HTML文件时，若利用键盘上的空格键来输入数个空格，则不论输入的空格有多少个，都将被视为一个。3.1.3特殊符号

和空格的表示方法有些相似，一些特殊符号是凭借特殊的符号码来实现的。通常由前缀"&"，加上字符对应的名称，再加上后缀";"组成。其源代码中输入相应的符号码，即可显示符号。特殊符号表特殊符号符号码特殊符号符号码""§§&&¢¢<<¥¥>>··©©€€®®££±±™™××3.2文字效果3.2.1基准文字（第二章已经讲过）3.2.2文字样式设置文字效果有两个标签，分别为<font>和<basefont>，其中含义如下表所示：标签含义<basefont>基准文字<font>文字文字效果3.2.1基准文字基本语法：

<basefontface="font_name1,font_name2,…"size="value"color="value">语法解析：

face定义了字体，多种字体间用","分开；size定义了字号，value取值范围为1~7或-1~-7或+1~+7；color定义了颜色，value值为英文名称或十六进制代码。3.2.2文字样式

如果希望更改页面中的字体、字号和颜色，最佳的选择是使用<font>标签。<font>字体标记用于控制文字的字体、大小与颜色。控制的方式是利用属性设置来实现的。基本语法：<fontface="font_name,font_name,…"

size="value"

color="value">…</font>语法解析：face属性定义了字体；size属性定义字号，value取值范围为1~7或者+1~+7、-1~-7；color属性定义了颜色，value取值为颜色的名称或者十六进制代码。3.3文字的修饰3.3.1文字的基本修饰3.3.2文字的上下标3.3.3标题文字3.3.4其他修饰HTML标签类型HTML修饰标签表标签含义标签含义<b>粗体<u>下划线<strong>粗体<s>删除线<i>斜体（强调）<strike>删除线<em>斜体（标记）<address>地址<cite>斜体<tt>打字机文字<sup>上标<blink>闪烁文字Netscape<sub>下标<code>等宽<big>大字号<samp>等宽<small>小字号<kbd>键盘输入文字<var>声明变量3.3.1文字的基本修饰字符级格式化用于对单个字母或单词进行强调。文字的基本修饰包括粗体、斜体、下划线及删除线等。粗体基本语法：

<b>…</b>

<strong>…</strong>语法解释：这两个标签都可以表现文字粗体的效果。斜体基本语法：

<i>…</i>

<em>…</em>

<cite>…</cite>语法解释：这3个标签都可以表现文字斜体的效果。下划线基本语法：<u>…</u>语法解释：将文字放在标签中间就可以实现文字的下划线效果。删除线基本语法：<s>…</s>

<strike>…</strike>语法解释：这两个标签都可以在文字的中间添加删除线。3.3.2文字的上下标常见的数学表达式，可以将一段文字以小字体的方式显示另一段文字的右上角或右下角，这就是上下标效果。基本语法：

<sup>…</sup>

<sub>…</sub>语法解释：<sup>实现上标效果，<sub>实现下标效果。3.3.3标题文字标题（Heading）是通过<h1>-<h6>等标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。基本语法：

<hn>…</hn>语法解释：n的取值为1~6。浏览器会自动地在标题的前后添加空行。请确保将HTMLheading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题，搜索引擎使用标题为您的网页的结构和内容编制索引。3.3.4其他修饰大字号<big>…</big>小字号<small>…</small>地址文字<address>…</address>打字机<tt>…</tt>键盘文字<kbd>…</kbd>等宽文字<code>…</code>声明变量文字<var>…</var>3.4段落3.4.1换行3.4.2段落3.4.3不换行3.4.4预格式化3.4.5居中3.4.6缩排3.4.7忽略HTML标签3.4.8水平线标签列表标签含义<p>段落<br>换行<nobr>不换行<pre>预格式化<center>居中<blockquote>缩排<plaintext>忽略HTML标签<xmp><hr>水平线3.4.1换行<br>标签表示强制换行。换行标签是一个没有结尾的标签，即无结束标签。此类标签称之为单标签，也叫空标签。在任何位置使用了<br>标签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。3.4.2段落HTML中，段落主要由标签<p>定义。由<p>标记所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续两个换行符，即隔一行空白行，以区别文字的不同段落。单独使用时，下一个<P>的开始就意味着上一个<P>的结束，良好的习惯是成对使用。注：p为单词paragraph

[｀pærəgrɑ:f]的首字母。格式：

<p>

<palign="参数"

>思考：

在一行文字中间输入p，可以空出一行，那如果想空多行怎么办？left：左对齐center：中对齐right：右对齐段落.html3.4.3不换行如果浏览器中单行文字的宽度过长，则会自动将该文字换行显示，若要取消文字因窗口大小而产生的换行，就可以使用<nobr>标记。基本语法：<nobr>…</nobr>语法解释：<nobr>标签和</nobr>标签之间的文字会显示不自动换行的效果。补充：<wbr>标签，在禁止换行标记中强制换行，属于单标签，即无结束标签<body><p><nobr>时间，每天得到的都是二十四小时，可是一天的时间<wbr>给勤勉的人带来智慧与力量，给懒散的人只能留下一片悔恨。——鲁迅</nobr></p></body>3.4.4预格式化预格式化，就是保留文字在源代码中的格式，页面中显示的和源代码中的效果完全一致。浏览器在显示其中的内容时，会完全按照其真正的文本格式来显示、原封不动地保留文档中的空白、空格及制表符等。HTML中，在通过浏览器显示时保留某段文本原始文件排版方式，只需在该段文本前后加上<pre>和</pre>标记即可。基本语法：<pre>…</pre>3.4.5居中如果希望使段落或文字居中对齐，可以使用专门的居中标签。被<center>标记所包含的组件，将以居中对齐的方式显示在网页中。基本语法：<center>…</center>

语法解释：<center>和</center>标签之间的文字就会实现自动居中对齐的效果（同时具有换行效果）。3.4.6缩排HTML缩排标签为<blockquote>。使用缩排标签，可以实现页面文字的段落缩排效果，若想实现多次缩排则可以多次使用缩排标签。基本语法：<blockquote>…</blockquote>语法解释：在要缩进的文本前加入<blockquote>标签以及在文本后加入</blockquote>标签，即可向右缩进方式显示该段文本。3.4.7忽略HTML标签HTML忽略标签：<plaintext>或<xmp>。基本语法：

<plaintext>…

<xmp>…</xmp>语法解释：在HTML语言中加入<plaintext>或<xmp>标签，可以将在该标签后的HTML标签失去标示作用，而将内容直接显示在网页页面中。3.4.8水平线水平线标签为<hr>，用于在段落与段落之间进行分隔，从而使文档的结构清晰明了，以及文字的编排整齐规范。水平线自身具有很多的属性，如宽度、高度、颜色和排列对齐等。基本语法：

<hrwidth=＂value＂size=＂value＂noshade=＂noshade＂

color=＂value＂align=＂value＂>语法解释：缺省情况下，水平线显示为带阴影的横线，横跨整个浏览器窗口。可以通过相应属性改变水平标尺的阴影、宽度、高度和对齐方式。水平线属性表属性描述width宽度，可以是以绝对的像素单位，也可以是以相对的百分比单位size高度，只能使用绝对的像素来定义color颜色，用于定义水平线的颜色noshade无阴影，可以在页面中去掉水平线的阴影align排列，设置水平线的居左、居中和居右对齐本章总结3.1编辑内容3.1.1注释3.1.2空格符号3.1.3特殊符号3.2文字效果3.2.1基底文字3.2.2文字样式3.3文字的修饰3.3.1文字的基本修饰3.3.2文字的上下标3.3.3标题文字3.3.4其他修饰3.4段落3.4.1换行3.4.2段落3.4.3不换行3.4.4预格式化3.4.5居中3.4.6缩排3.4.7忽略HTML标签3.4.8水平线补充：标签分类11、单标签（空标签）

某些标记称为"单标签"，因为它只需单独使用就能完整地

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论