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>

 

posted @ 2018-06-24 22:00  BirdieForLove  阅读(1559)  评论(0编辑  收藏  举报