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>元素用来包含定义。

原文地址:https://www.cnblogs.com/banbianfengxue/p/10519389.html