《HTML & CSS设计与构建网站》第二章 学习小结
第二章 文本
(一)结构化标记:可用来描述标题和段落的元素。
1.标题:html中的标题有六个级别。分别是<h1><h2><h3><h4><h5><h6>,字号由大到小。
动手实验一下!
<h1>THIS IS A MAIN HEADING</h1>
<h2>THIS IS A LEVEL2 HEADING</h2>
<h3>THIS IS A LEVEL3 HEADING</h3>
<h4>THIS IS A LEVEL4 HEADING</h4>
<h5>THIS IS A LEVEL5 HEADING</h5>
<h6>THIS IS A LEVEL6 HEADING</h6>
运行如下:
2.段落:<p></p>在成段的文字两端分别添加起始标签<p>和结束标签</p>就构成了HTML中所指的段落。
默认情况下,浏览器在显示段落时会另起一行并与后续段落保持一定距离。
还是动手试试!
<p>The day of cultural heritage was set up since 2006. In September 2016, the State Council approved the Ministry of housing and urban construction, and agreed to set up the "cultural and Natural Heritage Day" on the second Saturday of June every year since 2017. </p>
<p>Since the founding of the National Cultural Heritage Bureau in 2009, the national cultural heritage day of the National Cultural Heritage Bureau has chosen a city to host cultural heritage day home city activities</p>
运行如下:
3.<b></b ><I></i>将文字包含在这两个标签内,将文字变为粗体和斜体
<sup></sup><sub></sub>用来标记作为上标和下标的字符。
我们将刚才那句话进行更改,运行如下:
4.当浏览器遇到两个或两个以上的连续空格时,只将其显示为一个空格。同样,在遇到一次换行时,浏览器也将其当作一个空格。这一特性称为白色空间折叠.
5.<br />换行标签
<hr />插入一条水平线
空元素:起始标签和结束标签不含任何文字
(二)语义化标记:表达特定含义的标记。例如在一个句子中的什么位置加入强调内容。也可能表明是一个引用,或者表明是一个缩写词的全称,等等。
1.加粗和强调:
<strong></strong>这个元素的作用是表示其中的内容十分重要,阅读strong元素内的文字时可能会加强语气。默认情况下,在浏览器中显示为粗体。
<em></em>元素起强调作用,能够细微改变语句的含义。默认情况下,<em>元素中的内容在浏览器中显示为斜体。
2.引用:通常在标记引用时可以使用两种元素。
<blockquote></blockquote>元素用来标记那些会占用一整段的较长的引用。<p>元素也被包含在这个元素里面
<q></q>元素用来标记较短的引用,IE浏览器不支持在<q>元素两侧添加引号,故很多人都回避使用<q>元素。
这两个元素都可以用cite特性来表明引用的来源。cite特性的值应当是一个URL。如<blockquote cite="http://en.wiki.org....">
3.缩写词和首字母缩写词,使用<abbr>元素
如:<p><abbr title="National Aeronautics And Space Administration">NASA</abbr>do some crazy space stuff</p>
4.引文和定义
<cite>元素可以用来表明引用的来源,浏览器会把元素中的内容显示为斜体。
<dfn>元素用来表示一个新术语的定义。
5.设计者的详细信息
<address>元素有一个非常特殊的用途:包含页面设计者的联系详情。浏览器通常将此内容显示为斜体。
6.内容的修改
<ins>用来显示已经插入到文档中的内容,通常带有下划线。
<del>元素则用来显示已经从文档中删除的文本,通常带有删除线。
<s>元素表示不准确或不相关却并不予以删除的内容。通常带有从中穿过的线条。
小结:
1.HTML元素用来描述页面的结构(例如标题,子标题和段落)
2.HTML元素还提供语义信息(例如在什么位置着重强调,所使用的缩略语定义,给定的文本何时是一个引用)