html的入门——从标签开始(1)
概念介绍:
标签:标签的作用就像是容器。它们告诉你其实标签和结束标签之前的内容的结构信息。
元素:一个元素包括起始标签,结束标签以及其中的内容。
空元素:有一小部分元素,其起始标签和结束标签之间不含有任何文字,这些元素被称为空元素。
一个空元素通常只含有一个标签,在空元素的闭合尖括号前,经常是一个空格和一个斜线的形式,如<br />换行符、<hr />插入水平线。
文本:
<html></html>:
位于起始标签<html>和结束标签</html>之间的所有内容都是HTML代码。
<body><body>:
起始标签<body>表示在它和结束标签</body>之间的所有内容都将会显示在浏览器主窗口中。
结构化标记(可用来描述标题和段落的元素):
<h1></h1>······<h6></h6>:
HTML中的标题有六个级别:1---->6标题字体大小逐渐变小,
<h1>用在主标题上<h2>用在子标题上<h3>~<h6>用在子标题下面的标题中。
<p></p>:
成段的文本出现在<p>和</p>之间。默认情况下,浏览器在显示段落时会另起一行并与后续段落保持一定距离。
<b></b>(粗体):
通过将文字包含在标签<b>和</b>之间,可以设置包含其中的文字为粗体。
<i></i>(斜体):
通过将文字包含在标签<i>和</i>之间,可以设置包含其中的字体为斜体。
<sup><sup>(上标):
<sup>元素用来标记作为上标的字符,例如日期后缀或者像22这样表示幂的数学概念。
<sub></sub>(下标):
<sub>元素用来标记作为下标的字符,它通常用在脚注或者像H2O这样的化学式中。
空白:
为了增强代码的可读性,设计人员经常通过补充空格的方式编写代码。
当浏览器遇到两个或以上的连续空格时,之将其显示为一个空格。同样,当遇到一次换行时,浏览器也会将其看作一个空格,这一特新成为白色空间折叠。
<br />(换行标签):
当然,html语言支持在一个文本字段内换行,如果你想在段落中的某个位置换行,可以使用换行标签<br />。
<hr />(插入水平线):
在不同主题之进行分割时,可以使用<hr />标签来插入一条水平线。
语义化标记(表达特定含义的标记):
<strong></strong>(加粗):
<strong>元素的作用时表示其中的内容十分重要,在浏览器中显示加粗。
<em></em>(斜体):
<em>元素起强调作用,能够细微改变语句含义,在浏览器中显示斜体。
<blockqoute>:
<blockqoute>元素用来标记那些会占用一整段的较长的引用,浏览器会对其中的元素进行缩进。
但是不能使用<blockqoute>缩进一段文本,而应该用CSS来完成缩进效果。
<q></q>:
<q>元素用来标记位于段落中的较短的引用。浏览器会在<q>两侧添加引号,但是IE浏览器并不支持,所以我们尽可能避免<q>元素的使用。
<abbr title=···>···</abbr>:
如果使用缩写词或是首字母缩写词,就需要使用<abbr>标签。其起始标签的title特性用来指定相应词汇的完整形式。
用法:<abbr title="National Aeronautics and Space Administration">NASA</abbr>
<cite></cite>:
引用作品时使用<cite>元素,在浏览器中被<cite>元素标记的内容显示为斜体。
<dfn></dfn>:
当你在文档中第一次解释一些新术语的时候,使用<dfn>元素,给新术语一个定义。
有些浏览器使用斜体来显示<dfn>中的内容,safari和chrome则不会。
<address>:
<address>标签有一个特殊的用途:包含页面设计者的联系方式。
<ins>:
<ins>元素用来显示已经插入到文档中的内容。
<del>:
<del>元素用来表示已经从文档中删除的文本。
<s>:
<s>元素表示不准去或不相关却并不应当予以删除的内容。
列表:
<li></li>:
列表中的每个项目都被至于起始标签<li>和结束标签</li>之间。
<ol></ol>(有序列表):
使用由<ol>元素来创建有序列表。
<ul></ul>(无序列表):
使用<ul>元素来创建无序列表。
<dl></dl>(定义列表):
使用<dl>元素来创建定义列表。
在<dl>元素内部,经常使用<dt>和<dd>元素。
<dt></dt>:
<dt>元素用来包含被定义的术语。
<dd></dd>
<dd>元素用来包含定义。