HTML与CSS教学-第4章 HTML网页主体与内容标记

第4章  HTML网页主体与内容标记 
本章要点
标题与段落标记的使用
文本格式标记的使用
标记的使用
HTML中特殊字符的使用 


目录:
4.1  标题与段落标记的使用
4.2  文本格式标记的使用
4.3  内容(多用途)标记
4.4  特殊字符
4.5  综合实例


4.1  标题与段落标记的使用 
4.1.1  h1、h2、h3、h4、h5与h6
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标记,其中n为标题的等级,HTML总共提供六个等级的标题,n越小,标题字号就越大。
hn标记一般格式为:
标题 (n=1,…6)
说明:的属性有color、align。分别标识标题的颜色和位置(左、右、中间)。 


4.1.2  p
为了排列的整齐、清晰,文字段落之间,常用

来做标记。

是HTML格式中特有的段落元素。在HTML格式里不需要在意文章每行的宽度,不必担心文字是不是太长了而被截掉,它会根据窗口的宽度自动转折到下一行。因此,在原始文件中的

,指出在这儿告一段落,下面的文字另起一段。如果没有遇到

这个符号,它就会把所有的文字都挤在一个段落里,不遇到窗口边界是不会换行的。段落标记里面可以加入文字,列表,表格等。文件段落的开始由

来标记,段落的结束由

来标记,

是可以省略的,因为下一个

的开始就意味着上一个

的结束。
标记一般格式为:

文本


说明:

标签有一个常用属性align,它用来指名字符显示时的对齐方式,其值一般有left(左)、center(中)、right(右)三种。 


4.1.3  blockquote

标记可定义一个块引用。
之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
标记一般格式为:
< blockquote cite=URL>文本


4.1.4  address
可定义一个地址(比如电子邮件地址)。使用它来定义地址、签名或者文档的作者身份。
不论创建的文档是简短扼要还是冗长完整,都应该确保每个文档都附加了一个地址,这样做不仅为读者提供了反馈的渠道,还可以增加文档的可信度。
标记一般格式为:
文本



4.1.5  pre
标记可定义预格式化的文本。被包围在
标记中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。
标记的一个常见应用就是用来表示计算机的源代码。 
  
标记一般格式为:
 
  
文本块



4.2  文本格式标记的使用 
4.2.1  em
标记用来表示强调,其文本默认样式为斜体。
标记一般格式为:
文本


4.2.2  strong
标记把文本定义为语气更强的强调的内容。其文本默认样式为粗体。
标记一般格式为:
< strong >文本 


4.2.3  cite
标记定义引用。可使用该标记对参考文献的引用进行定义,比如书籍或杂志的标题。
标记一般格式为:
文本 


4.2.4  i与b
标记均是字体样式元素。显示斜体文本效果,呈现粗体文本效果。
标记一般格式为:
文本
文本 


4.2.5  big与small
标记也是字体样式元素。呈现大号字体效果,呈现小号字体效果。
标记一般格式为:
文本
文本


4.2.6  tt
标记呈现类似打字机或者等宽的文本效果。
标记一般格式为:
文本


4.2.7  sup与sub
标记均是用于数学公式、科学符号和化学公式中的标记。标记可定义上标文本,标记可定义下标文本。
标记一般格式为:
< sup >文本 
< sub >文本
说明:标记中的文本内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。标记中的文本出现在当前文本流的上方,而标记中的文本出现在当前文本流的下方。




4.2.8  q
标记可定义一个短块的引用。标记一般格式为:
文本
说明:
的区别,标记在本质上与
是一样的。不同之处在于它们的显示和应用。标记用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用
标记。 


4.2.9  dfn
标记定义一个项目。可标记那些对特殊术语或短语的定义。现在流行的浏览器通常用斜体来显示中的文本。
标记一般格式为:
文本 


4.2.10  abbr与acronym
标记表示一个缩写形式,用于表示web页面上的简称。标记最初是在 HTML4.0中引入的,表示它所包含的文本是一个更长的单词或短语的简写形式。浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。
标记一般格式为:
< abbr title=“文本”>文本简称
 


4.2.11  del与ins
标记定义文档中已被删除的文本。
标记一般格式为:
文本
标记定义已经被插入文档中的文本。
标记一般格式为:
文本
说明:标签配合使用,来描述文档中的更新和修正。


4.2.12  bdo
标记可重新定义文字显示方向。
标记一般格式为:
文本


4.2.13  code、kbd、samp与var
标记常用于显示计算机/编程代码。这几个标记不只是让用户更容易理解和浏览的文档,而且将来某些自动系统还可以利用这些恰当的标签,从的文档中提取信息以及文档中提到的有用参数。提供给浏览器的语义信息越多,浏览器就可以越好地把这些信息展示给用户。


4.2.14  hr

标记在HTML页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。

标记一般格式为:




4.2.15  marquee
滚动字幕的使用使得整个网页更有动感,显得很有生气。用HTML的滚动字幕标签所需的代码最少,能够以较少的下载时间换来较好的效果。标记一般格式为:
滚动字幕


4.3 内容(多用途)标记
4.3.1  div
div是division的简写,division意为分割、区域。
标记在HTML中表示一个块,
标记可以把文档分割为独立的、不同的部分,因而该标记被称为区隔标记。可以将它用作Web页面的组织工具,设定页面文字、图形、图像、表格等的摆放位置。可以通过CSS样式(style)为其赋予不同的表现。
div标记一般格式为:
文档



4.3.2  span
标记在HTML中表示一个组合文档中的行内元素,标记可以把一行文档中的某部分分割为独立的区域,从而实现某种特定效果,因而该标记被称为行内区隔标记。
标记一般格式为:
< span属性=”属性值”>文档


4.4  特殊字符
特殊字符是指在HTML中具有特别含义的字符,比如小于号<就表示HTML标记的开始,这个小于号是不会显示在最终看到的网页里面。那如果希望在网页中显示一个小于号,该怎么办呢?这时就需要使用一些特殊的代码组合来替代。
在HTML中特殊字符是不能直接使用的。要使用特殊字符,应使用它们的转义序列。在超文本标记语言里,一个特殊字符有两种表达方式,即字符转义序列或数字转义序列。
所谓字符转义序列,实际上就是用有意义的名称来表示特殊字符,通常由前缀“&”,加上字符对应的名称,再加上后缀“;”而组成。其表达方式如下:
&name;
其中name是一个用于表示字符的名称,它是区分大小写的。例如:
& lt; font &lgt;
显示为,若直接写为““则被认为是一个标注。
所谓数字转义序列,就是用数字来表示文档中的特殊字符,通常由前缀“&#”,加上数值,再加上后缀“;”而组成。
其表达方式如下:
   &#D;
其中D是一个十进制数值








小结
文本是HTML网页中的重要内容之一,编写HTML文档时,可以将文本放置在标记之间来设置文本的格式。设置文档中文本的格式内容包括分段与换行、设置段落对齐方式、设置字体、字号和文本颜色以及设置字符样式等。本章学习了HTML语言的标题与段落标记、文本格式中的常用标记以及
标记,HTML语言中特殊字符的组成结构和使用的方法。使用这些标记,告诉Web浏览器如何对文本进行格式化和显示,如何对网页元素进行分割和标记,以形成文本的布局、文字的格式及美观简洁的版面。 

你可能感兴趣的:(HTML与CSS教学)