一些HTML标签

2019-01-12  本文已影响0人  大庆无疆

1、保留文本的格式不变:<pre>

2、引用:

<q> 用于短的引用(有双引号括起来)
用于长引用的 <blockquote>


image.png

3、<abbr> 元素定义缩写或首字母缩略语。

<abbr title="World Health Organization">WHO</abbr>

4、<address> 元素定义文档或文章的联系信息(作者/拥有者)。

5、文字方向:<bdo>

<bdo dir="rtl">
This line will be written from right to left
</bdo>

6、<code> 定义计算机代码文本

可与<pre>标签共同使用
<code>
<pre>
var person = {
firstName:"Bill",
}
</pre>
</code>

7、创建电子邮件链接:

<a href="mailto:15707599349@163.com">发送</a>

8、框架标签:<frameset>

rows/columns 的值规定了每行或每列占据屏幕的面积

设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

无body,head等标签
<html>
<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset> 
</html>

注意:frameset与body不共存,所以我们不能有自己的内容,只能引入其他页面,而每单独加载一个页面浏览器都需要重新发送一次请求。

框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"
W3C

9、内联框架:<iframe>

height 和 width 属性用于规定 iframe 的高度和宽度,src表示框架初始时显示的内容(可为网页,图片等等)
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框:<iframe src="demo_iframe.htm" frameborder="0"></iframe>

设置一个链接,点击后在iframe中跳转:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a">百度一下</a></p>

上一篇 下一篇

猜你喜欢

热点阅读