- <a> 链接的文字 </a>
- 属性:
- href
- 指向链接跳转的目标地址, 可以是一个相对路径
- 还可以是 #id 属性值, 这样当点击超链接以后, 将会跳转到当前页面的指定位置
- 可以使用 mailto: 来创建一个发送电子邮件的超链接
- href
- 指向链接跳转的目标地址, 可以是一个相对路径
- 还可以是 #id 属性值, 这样当点击超链接以后, 将会跳转到当前页面的指定位置
- 可以使用 mailto: 来创建一个发送电子邮件的超链接
- target
- 指定在哪个窗口中打开链接
- 可选值
- _self
- 默认值, 默认在当前窗口打开链接
- _blank
- 在新窗口中打开链接
- 内联框架的 name 属性值
- 在指定的内联框架中打开链接
- <!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>
来源: http://www.bubuko.com/infodetail-2658265.html