XZ_HTML之HTML元素

来源:互联网 发布:mac pro office 2016 编辑:程序博客网 时间:2024/05/01 13:14

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 <sub>subscript</sub> 定义下标字。

8<sup>superscript</sup> 定义上标字。

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> 件。

效果:

一打有 二十 十二 件。









0 0
原创粉丝点击