第7章 使用文本元素

第7章 使用文本元素

ID:1481209

大小:1.03 MB

页数:30页

时间:2017-11-11

第7章  使用文本元素_第1页
第7章  使用文本元素_第2页
第7章  使用文本元素_第3页
第7章  使用文本元素_第4页
第7章  使用文本元素_第5页
资源描述:

《第7章 使用文本元素》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第7章使用文本元素在前面的章节中,我们介绍了页面主体的元素使用,本章中,我们将介绍页面很重要的HTML结构代码,文本元素的使用。7.1文本元素简介文本元素中,块元素和内联元素是两个重要的概念(因为有些CSS属性只适用于块元素,有些适用于内联元素)。了解什么是块元素和内联元素,并了解其特性将有助于更好地使用CSS属性。7.2使用区域元素——

W3C官方对div的定义是,div(division)是一个块级元素,
可以包含段落、标题、表格甚至任何元素。这使得div便于建立不同集成的类,如章节、摘要和批注等,是CSS的好帮手。

2、7.2.1区域元素的对齐区域元素的对齐属性是align,它的作用是对齐区域内的内容。例如,修改【实例7-1】中的代码:

内容
为以下代码:内容
这段代码的意思是将区域元素居中对齐,此时的显示效果如图7-2所示。7.2.2使用样式由于元素本身提供的效果有限,所以在使用中要借助样式表的样式来实现丰富的显示效果。关于样式表在以后进行介绍,这里仅就如何使用样式进行说明。7.2.3定义唯一标记在应用中,由于可能使用到的区域元素很多,不方便区分,因此在应用中会定义class选择符和id选择符对区

3、域元素进行定义。用户可以使用id及class对页面中的XHTML标签名称进行自定义,从而达到扩展XHTML标签及组合XHTML标签的目的。用户自定义名称的方式也有助于用户细化自身的界面结构,使用符合页面需求的名称进行结构设计,增强代码的可读性。7.2.4取消自动换行在页面中,如果定义了区域元素的大小,则当内容超过该区域时,就会自动换行。例如,在7.2.3节中的区域元素中加入内容,使其超过宽度限制就会换行,此时的显示效果如图7-5所示。7.3使用段落元素——

p标签是一个有特定语义的标签,表示段落,用来区分段落。正确的写法如下面代码所示。

<

4、/p>7.4使用标题元素在XHTML编写过程中,可以使用从

这几个标签来定义标题,它们对应的终止标签分别为
到。7.5使用基于内容的文本元素使用基于内容的文本元素即使用内联元素,内联元素是指如a、span这样的元素。其特点是,不必在新的一行开始,同时也不强迫其他的元素在新的一行显示。除此之外,内联元素可以做其他元素的子元素。1.强调元素——标签的作用是用来强调一段文字,这段强调的内容是用斜体表示的,示例代码如下。(html代码位置:光盘实例第7章7-5.html)强调内容此时

5、的显示效果如图7-9所示。2.加粗的强调元素——标签和标签一样,用于强调文本,但它强调的程度更强一些。在默认情况下,标签的内容是加粗显示,示例代码如下。(html代码位置:光盘实例第7章7-6.html)使用基于内容的文本元素此时的显示效果如图7-10所示。3.文献参考元素——标签通常表示它所包含的文本对某个参考文献的引用,如书籍或者杂志的标题。在默认情况下,标签的内容斜体显示,示例代码如下。(html代码位置:光盘

6、实例第7章7-7.html)使用基于内容的文本元素此时的显示效果如图7-11所示。4.等宽元素——标签用于表示计算机源代码或者其他机器可以阅读的文本内容,包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和W3School的用户来说,这应该是十分熟悉的。在默认情况下,标签的内容是常规大小显示,示例代码如下。(html代码位置:光盘实例第7章7-8.html)使用基于内容的文本元素此时的显示效果如图7-12

7、所示。5.其他基于内容的文本元素——标签表示变量的名称,或者由用户提供的值。标签经常与

标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。在默认情况下,标签的内容斜体显示,示例代码如下。(html代码位置:光盘实例第7章7-9.html)使用基于内容的文本元素此时的显示效果如图7-13所示。7.6使用基于物理样式的文本元素所谓物理样式,是指标记符本身就说明了所修饰文字的效果的样式。使用物理样式的好处是,浏览器会严格遵照标记的样式显示文本,因此在不希

8、望浏览器改变样式的情况下就应该使用物理格式。1.加粗元素——标签用于呈现粗体效果。在默认情况下,标签的内

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。