HTML的学习笔记2

学习基础标签（第二天）

1.标题标签（heading)

在HTML文档中，标题很重要。搜索引擎使用标题为您的网页的结构和内容编制索引。标题（Heading）是通过 <h1> - <h6> 等标签定义的，实例：

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

2. HTML水平分割线

</hr >元素可用于分隔内容

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

提示：使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。

3. HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们.

<!-- This is a comment -->

提示：合理地使用注释可以对未来的代码编辑工作产生帮助。快捷键 “ CTRL+/”

4.HTML 段落

段落是通过

标签定义的。可以把 HTML 文档分割为若干段落.

<p>This is a paragraph</p>
<p>This is another paragraph</p>

注释：浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）

提示：使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！

5文本格式化标签

标签	描述
<b>	定义粗体文本。
<big>	定义大号字。
<em>	定义着重文字。
<i>	定义斜体字。
<small>	定义小号字。
<strong>	定义加重语气。
<sub>	定义下标字。
<sup>	定义上标字。
<ins>	定义插入字。
<del>	定义删除字。
<s>	不赞成使用。*使用 <del> 代替。
<strike>	不赞成使用。*使用 <del> 代替。
<u>	不赞成使用。*使用样式（style）代替。

6.“计算机输出”标签

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。

7.引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
| <cite>	定义引用、引证。
<dfn>	定义一个定义项目。

1.用于缩略词的 HTML

HTML <abbr>元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引用于缩略词的 HTML <abbr>

2.引用（Quotation）

HTML <q>元素定义短的引用。浏览器通常会为 <q> 元素包围引号

3.用于长引用的 HTML <blockquote>

HTML <blockquote>元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。

4.用于定义的 HTML <dfn>

HTML <dfn>元素定义项目或缩写的定义。

<dfn> 的用法，按照HTML 5标准中的描述，有点复杂：

1. 如果设置了 <dfn> 元素的 title 属性，则定义项目：

   <p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
   

2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：

   <p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
   

​ 3.否则，<dfn> 文本内容即是项目，并且父元素包含定义。

<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>

注释：如果您希望简而化之，请使用第一条，或使用 代替。

5.HTML 计算机代码格式

通常，HTML 使用可变的字母尺寸，以及可变的字母间距。

在显示计算机代码示例时，并不需要如此。

<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。<code> 元素不保留多余的空格和折行

<p>To open a file, select:</p>

<p><kbd>File | Open...</kbd></p>
<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>