欢迎来到天天文库
浏览记录
ID:1481209
大小:1.03 MB
页数:30页
时间:2017-11-11
《第7章 使用文本元素》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第7章使用文本元素在前面的章节中,我们介绍了页面主体的元素使用,本章中,我们将介绍页面很重要的HTML结构代码,文本元素的使用。7.1文本元素简介文本元素中,块元素和内联元素是两个重要的概念(因为有些CSS属性只适用于块元素,有些适用于内联元素)。了解什么是块元素和内联元素,并了解其特性将有助于更好地使用CSS属性。7.2使用区域元素——
2、7.2.1区域元素的对齐区域元素的对齐属性是align,它的作用是对齐区域内的内容。例如,修改【实例7-1】中的代码:
3、域元素进行定义。用户可以使用id及class对页面中的XHTML标签名称进行自定义,从而达到扩展XHTML标签及组合XHTML标签的目的。用户自定义名称的方式也有助于用户细化自身的界面结构,使用符合页面需求的名称进行结构设计,增强代码的可读性。7.2.4取消自动换行在页面中,如果定义了区域元素的大小,则当内容超过该区域时,就会自动换行。例如,在7.2.3节中的区域元素中加入内容,使其超过宽度限制就会换行,此时的显示效果如图7-5所示。7.3使用段落元素——
p标签是一个有特定语义的标签,表示段落,用来区分段落。正确的写法如下面代码所示。
<
4、/p>7.4使用标题元素在XHTML编写过程中,可以使用从
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
标签用于表示计算机源代码或者其他机器可以阅读的文本内容,包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和W3School的用户来说,这应该是十分熟悉的。在默认情况下,标签的内容是常规大小显示,示例代码如下。(html代码位置:光盘实例第7章7-8.html)使用基于内容的文本元素此时的显示效果如图7-12
标签的内容是常规大小显示,示例代码如下。(html代码位置:光盘实例第7章7-8.html)使用基于内容的文本元素此时的显示效果如图7-12
使用基于内容的文本元素
7、所示。5.其他基于内容的文本元素——标签表示变量的名称,或者由用户提供的值。标签经常与和标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。在默认情况下,标签的内容斜体显示,示例代码如下。(html代码位置:光盘实例第7章7-9.html)使用基于内容的文本元素此时的显示效果如图7-13所示。7.6使用基于物理样式的文本元素所谓物理样式,是指标记符本身就说明了所修饰文字的效果的样式。使用物理样式的好处是,浏览器会严格遵照标记的样式显示文本,因此在不希
和标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。在默认情况下,标签的内容斜体显示,示例代码如下。(html代码位置:光盘实例第7章7-9.html)使用基于内容的文本元素此时的显示效果如图7-13所示。7.6使用基于物理样式的文本元素所谓物理样式,是指标记符本身就说明了所修饰文字的效果的样式。使用物理样式的好处是,浏览器会严格遵照标记的样式显示文本,因此在不希
标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。在默认情况下,标签的内容斜体显示,示例代码如下。(html代码位置:光盘实例第7章7-9.html)使用基于内容的文本元素此时的显示效果如图7-13所示。7.6使用基于物理样式的文本元素所谓物理样式,是指标记符本身就说明了所修饰文字的效果的样式。使用物理样式的好处是,浏览器会严格遵照标记的样式显示文本,因此在不希
8、望浏览器改变样式的情况下就应该使用物理格式。1.加粗元素——标签用于呈现粗体效果。在默认情况下,标签的内
此文档下载收益归作者所有