HTML_超链接+文本标签
1 <a>链接的文字</a> 2 3 4 属性: 5 href 6 指向链接跳转的目标地址,可以是一个相对路径 7 还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置 8 可以使用mailto:来创建一个发送电子邮件的超链接 9 href 10 指向链接跳转的目标地址,可以是一个相对路径 11 还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置 12 可以使用mailto:来创建一个发送电子邮件的超链接 13 target 14 指定在哪个窗口中打开链接 15 可选值 16 _self 17 默认值,默认在当前窗口打开链接 18 _blank 19 在新窗口中打开链接 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>