XZ_HTML之HTML元素

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

HTML 链接

HTML 链接是通过 <a> 标签进行定义的 。注释：在 href 属性中指定链接的地址。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="dog.jpg" width="104" height="142" />

注释：图像的名称和尺寸是以属性的形式提供的。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

HTML 标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

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

HTML 注释

<!-- 注释的内容—>

文本格式化：字体样式

1、<b>bold</b> 定义粗体文本。

2、<strong>strong</strong> 定义加重语气。

3、<big>big</big> 定义大号字。

4、<em>emphasized</em> 定义着重文字。

5、<i>italic</i> 定义斜体字。

6、<small>small</small>  定义小号字。

7、 _subscript 定义下标字。

8、^superscript 定义上标字。

9、<ins> 定义插入字。

10、<del> 定义删除字。

定义预格式文本

保留了空格和换行，pre 标签很适合显示计算机代码。

<pre>定义预格式文本。</pre> 

“计算机输出”标签：这些标签常用于显示计算机/编程代码。

<code>Computer code</code> 定义计算机代码。

<kbd>Keyboard input</kbd> 定义键盘码。

<tt>Teletype text</tt> 定义打字机代码。

<samp>Sample text</samp> 定义计算机代码样本。

<var>Computer variable</var> 定义变量。

HTML 文件中写地址:

<address>USA </address> 定义地址。

实现缩写或首字母缩写:

<abbr title=“etcetera”>etc.</abbr>  定义缩写。

<acronym title="World Wide Web”>WWW</acronym>  定义首字母缩写。

文字方向：如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；

<bdo dir=“rtl"> Here is some Hebrew text </bdo> 定义文字方向。

效果:txet werbeH emos si ereH

实现长短不一的引用语:使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。

<blockquote> 这是长的引用</blockquote> 定义长的引用。

<q>这是短的引用。</q> 定义短的引用语。

<cite> 定义引用、引证。

<dfn> 定义一个定义项目。

标记删除文本和下划线文本:

一打有 <del>二十</del> <ins>十二</ins> 件。

效果：

一打有 二十 十二 件。