HTML标签元素
2017-02-07 本文已影响23人
480a52903ce5
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Study</title>
</head>
<body>
<h1 align="center" style="color-rendering:red"=> h1 </h1>
<h2> h2 </h2>
<h3> h3 </h3>
<h4> h4 </h4>
<h5> h5 </h5>
<h6> h6 </h6>
<!-- hr 元素可用于分隔内容。 -->
<hr />
<!-- 段落标签 -->
<p> paragraph </p>
<!-- 超链接 -->
<a href="http://www.w3school.com.cn/html/html_basic.asp"> This is a link </a> 加入 style="text-decoration:none" 为没有下划线的连接
<!-- <br> 在所有浏览器中的显示都没有问题，使用 <br /> 也是更长远的保障。 -->
<br />
<img src="" width="104" height="142" alt="">
<p>上面是图片</p>
<br />
<!-- table标签 -->
<table border="1" width="200" height="200">
</table>
<!-- align="center" -->
<p style="background-color:blue; color:white;font-family:times;font-size:30px;width:600px" align="center">这里演示的是style使用</p>
<p style="text-align:center;background-color:red;width:300px" >测试text-align</p>
<!-- span 标签 对段落中特殊文字进行处理 -->
<p>轻舞飞扬<span style="background-color:red;font:30px">第一次亲密接触</span></p>
<!-- 文本格式化 1.加粗 2.大号字 3.着重文字 3.斜体字 4.小号字 5.下标字 6.上标字 7.插入字 8.删除字 -->
<b> 加粗字 </b>
<big> 大号字 </big>
<em> 着重字 </em>
<small> 小号字 </small>
<strong> 加重语气 </strong>
<sub> 下标字 </sub>
<sup> 上标字 </sup>
<ins> 插入字 </ins>
<del> 删除字 </del>
<!-- 文本处理引用、引用和术语定义 -->
<abbr title="定义缩写"> </abbr>
<acronym title="定义首字母缩写"></acronym>
<address> </address> <!-- 定义地址 -->
<bdo dir="定义文字方向"></bdo>
<blockquote> </blockquote> <!-- 定义长的引用 -->
<q></q> <!-- 定义短的引用语 -->
<cite></cite> <!-- 定义引用 或 引证 -->
<dfn></dfn> <!-- 定义一个定义项目 -->
<!-- 计算机输出标签 -->
<code></code> <!-- 定义计算机代码 -->
<kbd></kbd> <!-- 定义键盘码 -->
<samp></samp> <!-- 定义计算机代码样本 -->
<tt></tt> <!-- 定义计算机代码样本 -->
<pre></pre> <!-- 定义预格式文本 -->
<!-- 文本格式化演练 -->
<pre>
春眠不觉晓，
处处闻啼鸟。
夜来风雨声，
花落知多少。
********>>
春眠不觉晓，
处处闻啼鸟。
夜来风雨声，
花落知多少。
</pre>
<address>
Written by <a href="mail:123@example.com">Donald Duck</a>.<br>
Visit China at:<br>
Example.com<br>
Box 564, BeiJing<br>
China
</address>
<p>
<abbr title="中华人民共和国">中国</abbr>位于亚洲东部.万维网英文全称是World Wide Web,缩写<acronym title="World Wide Web">WWW</acronym>
仅对于 IE 5 中的 acronym 元素有效。
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
</p>
<p>
如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
</p>
<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>
<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
<p>爱因斯坦的公式:</p>
<p><var>E = m c2</var></p>
HTML 中有用的字符实体
字符实体.png
