文本标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文本标签</title>
<style type="text/css"></style>
</head>
<body>
<!--
em和strong
- 这两个标签都表示一个强调的内容
em主要表示语气上的强调，em在浏览器中默认使用斜体显示
-->
<p>
今天天气<em>真不错</em>!
</p>
<p>
<strong>
注意:如果你不认真上课，你就找不到好工作!
</strong>
</p>
<!--
i标签中的内容会以斜体显示
b标签中的内容会以加粗显示
h5规范中规定，对于不需要着重的内容而是单纯的加粗或者是斜体，
就可以使用b和i标签
-->
<p>
<i>我是i标签中的内容</i>
<b>我是b标签中的内容</b>
</p>
<!--
small标签中的内容会比他的父元素中的文字要小一些
在h5中使用small标签来表示一些细则一类的内容
比如:合同中小字， 网站的版权声明都可以放到small
-->
<p>我是p标签中的内容<small>我是small标签中的内容</small></p>
<p>我是p标签中的内容<big>我是small标签中的内容</big></p>
<!--
网页中所有的加书名号的内容都可以使用cite标签，表示参考的内容，
比如:书名歌名话剧名电影名......
-->
<p><cite>《论语》</cite>是最喜欢的一.般的书</p>
<!--
q标签表示-一个短的引用(行内引用)
q标签引用的内容，浏览器会默认加上引号
blockquote标签表示一个长引用(块级引用)
-->
<p>子曰:<q>学而时习之不亦说乎! </q></p>
<div>
子曰:
<blockquote>
有朋自远方来，乐呵乐呵!
</blockquote>
</div>
<!--
使用sup标签来设置一个上标
-->
<p>2<sup>2</sup></p>
<p>
赵薇<sup><a href="#">[1]</a></sup>
</p>
<!--
sub标签用来表示一一个下标
-->
<p>H<sub>2</sub>0</p>
<!--
使用del标签来表示一一个删除的内容
del标签中的内容，会自动添加删除线
-->
<p>
<del>17.75</del> <br />
15.54 <br />
</p>
<!--
ins表示一个插入的内容
ins中的的内容，会自动添加下划线
-->
<p>
我们的老师真<ins>好啊</ins>!
</p>
<!--
需要页面中直接编写一些代码
pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格
code专门用来表示代码
我们一般结合使用pre和code来表示一段代码
-->
<pre>
<code>
window.onload = function(){
alert("Hello World");
};
</code>
</pre>
</body>
</html>