<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- em和strong - 这两个标签都表示一个强调的内容， em主要表示语气上的强调,em在浏览器中默认使用斜体显示 strong表示强调的内容，比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> <!-- 网页中所有的加书名号的内容都可以使用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>O</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>