<!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> <small>我是small标签的内容</small> </p> <!-- 网页中所有的加书名号的内容都可以使用cite标签,表示参考的内容 比如: 书名,歌名,电影名 --> <p> <cite>《论语》</cite>真不错 </p> <!-- q标签表示一个短的引用(行内引用) q标签引用的内容,浏览器会默认加上引号 blockquote标签表示一个长引用(块级引用) --> <p> 子曰: <q>学而时习之不亦说乎</q> </p> <p> 子曰: <blockquote> 真不错 </blockquote> </p> <!-- 使用sup标签来设置一个上标 --> <p>2<sup>2</sup></p> <!-- 使用sub标签来表示一个下标 --> <p>H<sub>2</sub>O</p> <!-- 使用del标签来表示一个删除的内容 del标签中的内容,会自动添加删除线 --> <p> <del>17.25</del> </p> <!-- insert表示一个插入内容 ins中的内容,会自动添加下划线 --> <p> 你真的太<ins>帅了</ins> </p> <!-- 需要在页面中直接编写一些代码 pre是一个预格式标签,会将代码中的格式保存,不会忽略多个空格 code专门表示代码的 一般结合使用pre和code来表示一段代码 --> <pre> 云想衣裳花想容, 春风扶槛露华浓 </pre> <pre> <code> Console.log("真不错啊") </code> </pre> </body> </html>
浙公网安备 33010602011771号