1 <a>链接的文字</a> 2 ?3 ?4 属性： 5 ????href 6 ????????指向链接跳转的目标地址，可以是一个相对路径 7 ????????还可以是#id属性值，这样当点击超链接以后，将会跳转到当前页面的指定位置 8 ????????可以使用mailto:来创建一个发送电子邮件的超链接 9 ????????href10 ????????????指向链接跳转的目标地址，可以是一个相对路径11 ????????????还可以是#id属性值，这样当点击超链接以后，将会跳转到当前页面的指定位置12 ????????????可以使用mailto:来创建一个发送电子邮件的超链接13 ????????target14 ????????????指定在哪个窗口中打开链接15 ????????????可选值16 ????????????????_self17 ????????????????????默认值，默认在当前窗口打开链接18 ????????????????_blank19 ????????????????????在新窗口中打开链接20 ????????????????内联框架的name属性值21 ????????????????????在指定的内联框架中打开链接
?1 <!DOCTYPE html> ?2 <html> ?3 ????<head> ?4 ????????<meta charset="UTF-8"> ?5 ????????<title></title> ?6 ????</head> ?7 ????<body> ?8 ????????<!-- ??9 ????????????em和strong 10 ????????????- 这两个标签都表示一个强调的内容， 11 ????????????????em主要表示语气上的强调,em在浏览器中默认使用斜体显示 12 ????????????????strong表示强调的内容，比em更强烈，默认使用粗体显示 13 ????????--> 14 ????????<p> 15 ????????????今天天气<em>真不错</em>！ 16 ????????</p> 17 ?????????18 ????????<p> 19 ????????????<strong> 20 ????????????????注意：如果你不认真上课，你就找不到好工作！ 21 ????????????</strong> 22 ????????</p> 23 ?????????24 ????????<!-- ?25 ????????????i标签中的内容会以斜体显示 26 ????????????b标签中的内容会以加粗显示 27 ?????????????28 ????????????h5规范中规定，对于不需要着重的内容而是单纯的加粗或者是斜体， 29 ????????????????就可以使用b和i标签 30 ????????--> 31 ????????<p> 32 ????????????<i>我是i标签中的内容</i> 33 ????????????<b>我是b标签中的内容</b> 34 ????????</p> 35 ?????????36 ????????<!-- 37 ????????????small标签中的内容会比他的父元素中的文字要小一些 38 ????????????????在h5中使用small标签来表示一些细则一类的内容 39 ????????????????比如：合同中小字，网站的版权声明都可以放到small 40 ????????--> 41 ????????<p> 42 ????????????我是p标签中的内容<small>我是small标签中的内容</small> 43 ????????</p> 44 ?????45 ????????<!-- ?46 ????????????网页中所有的加书名号的内容都可以使用cite标签，表示参考的内容， 47 ????????????????比如：书名 歌名 话剧名 电影名 。。。 48 ????????--> 49 ????????<p> 50 ????????????<cite>《论语》</cite>是最喜欢的一般的书 51 ????????</p> 52 ?????????53 ????????<!-- 54 ????????????q标签表示一个短的引用（行内引用） 55 ????????????????q标签引用的内容，浏览器会默认加上引号 56 ?????????????57 ????????????blockquote标签表示一个长引用（块级引用） 58 ????????--> 59 ????????<p> 60 ????????????子曰:<q>学而时习之不亦说乎！</q> 61 ????????</p> 62 ?????????63 ????????<div> 64 ????????????子曰: 65 ????????????<blockquote> 66 ????????????????有朋自远方来，乐呵乐呵！ 67 ????????????</blockquote> 68 ????????</div> 69 ?????????70 ????????<!-- ?71 ????????????使用sup标签来设置一个上标 72 ????????--> 73 ????????<p>2<sup>2</sup></p> 74 ????????<p>赵薇<sup><a href="#">[1]</a></sup></p> 75 ?????????76 ????????<!-- 77 ????????????sub标签用来表示一个下标 78 ????????--> 79 ????????<p>H<sub>2</sub>O</p> 80 ?????????81 ????????<!-- 82 ????????????使用del标签来表示一个删除的内容 83 ????????????????del标签中的内容，会自动添加删除线 84 ????????--> 85 ????????<p> 86 ????????????<del>17.75</del> <br /> 87 ????????????15.54 <br /> 88 ????????</p> 89 ?????????90 ?????????91 ????????<!-- ?92 ????????????ins表示一个插入的内容 93 ????????????????ins中的的内容，会自动添加下划线 94 ????????--> 95 ????????<p> 96 ????????????我们的老师真<ins>好啊</ins>！ 97 ????????</p> 98 ?????????99 ????????100 ????????<!--101 ????????????需要页面中直接编写一些代码102 ????????????pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格103 ????????????code专门用来表示代码104 ????????????105 ????????????我们一般结合使用pre和code来表示一段代码106 ????????-->107 ????????108 ????????<pre>109 ????????????<code>110 ????????????????window.onload = function(){111 ????????????????????alert("Hello World");112 ????????????????};113 ????????????</code>114 ????????</pre>115 ????????116 ????????117 ????</body>118 </html>HTML_超链接+文本标签
原文地址：https://www.cnblogs.com/Wll-Fss/p/9221971.html