HTML5常見(jiàn)的基礎(chǔ)標(biāo)簽（7）你所不知道的ifram

HTML5常見(jiàn)的基礎(chǔ)標(biāo)簽（7）你所不知道的iframe和frameset

.活動(dòng)框架 iframe

1. 活動(dòng)框架iframe,這個(gè)框架可以內(nèi)聯(lián)或包含另外一個(gè)網(wǎng)頁(yè)文檔

語(yǔ)法結(jié)構(gòu)：<iframe></iframe>

實(shí)例：

<tr height="100"><td colspan="2">高新區(qū)軟件園C區(qū)食堂管理系統(tǒng)</td></tr>

<ul>

</ul>

</td>

你的瀏覽器不支持，請(qǐng)升級(jí)或更新瀏覽器

</iframe>

</td>

</tr>

</table>

常用屬性：

frameborder:是否顯示框架的邊框 0：不顯示，1：顯示

Scrolling:是否顯示滾動(dòng)條

Yes：顯示

No:不顯示

Auto:自動(dòng)處理

2. 框架集 frameset

屬性rows表示分成幾行，一般用“，”隔開(kāi)。

屬性cols表示分成幾列，一般用“，”隔開(kāi)。

使用fameset標(biāo)簽，不再需要body元素

主框架頁(yè)面：

</frameset>

navlist.html頁(yè)面：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

</ul>

</body>

</html>

實(shí)例1：代碼結(jié)構(gòu)

實(shí)例1：界面

每個(gè)頁(yè)面都是一個(gè)獨(dú)立的HTML文檔，每個(gè)HTML文檔的主體結(jié)構(gòu)又都是相同的，而且在一個(gè)文檔中這樣的主體結(jié)構(gòu)只能聲明一次。可以簡(jiǎn)單的將HTML文檔主體結(jié)構(gòu)分為兩部分，一部分是定義文檔類型，HTML5中聲明文檔類型可比以前的版本簡(jiǎn)單多了，只需要15個(gè)字符就可以搞定。另一部分則是定義文檔主體的結(jié)構(gòu)框架標(biāo)簽，因?yàn)闃?biāo)簽并不是任意排放的，需要有一定的嵌套規(guī)則。就像一顆樹(shù)是從樹(shù)根到樹(shù)干、樹(shù)枝、樹(shù)葉這樣的結(jié)構(gòu)生長(zhǎng)，而不能在樹(shù)葉上長(zhǎng)出樹(shù)根來(lái)，HTML文檔的結(jié)構(gòu)也是如此，整個(gè)文檔是一個(gè)整體，最外層標(biāo)簽只有一個(gè)，第二層標(biāo)簽有兩個(gè)，是這樣固定的結(jié)構(gòu)，第三層以后可以任意嵌套，就像一顆倒立的樹(shù)形結(jié)構(gòu)。如圖所示：

圖 HTML文檔的樹(shù)狀結(jié)構(gòu)

：HTML 基本結(jié)構(gòu)
<html> 標(biāo)記放在 HTML 文件的開(kāi)頭，是一個(gè)形式上的標(biāo)記；
<body> 標(biāo)記稱為主體標(biāo)記，網(wǎng)頁(yè)所要顯示的內(nèi)容都放在這個(gè)標(biāo)記內(nèi)，它是 HTML 文件的重要所在；
<head> 標(biāo)記稱為頭標(biāo)記，起的作用是放置關(guān)于此 HTML 文件的信息，如提供索引、定義 CSS 樣式等；
<title> 標(biāo)記稱為標(biāo)題標(biāo)記，起的作用是設(shè)定網(wǎng)頁(yè)標(biāo)題；

2:開(kāi)發(fā)中常用的標(biāo)簽
<b>文字以粗體方式顯示</b>
<i>文字以斜體方式顯示</i>
<u>文字以加下劃線方式顯示</u>
<s>文字以加下刪除方式顯示</s>
<big>文字以放大方式顯示</big>
<small>文字以縮小方式顯示</small>
<strong>文字以加強(qiáng)強(qiáng)調(diào)方式顯示</strong>
<em>文字以強(qiáng)調(diào)方式顯示</em>
<address>地址標(biāo)簽：xxxxxx@一只快樂(lè)的小碼農(nóng).com</address>
<code>代碼塊</code>
align 屬性控制段落的水平位置
bgcolor 屬性設(shè)置背景顏色
無(wú)序列表 ul
有序列表 ol
2.1 段落標(biāo)簽<p>
2.2 換行標(biāo)簽<br>
2.3 標(biāo)題標(biāo)簽<h1>~<h6>
2.4 文字居中標(biāo)簽<center>
2.5 文字段落縮進(jìn)標(biāo)簽<blockquote>
<img src="">網(wǎng)頁(yè)中嵌入圖片（height+weigth屬性調(diào)整圖片大小）
<form action="" method="">表單提交
<align="">對(duì)齊方式-left+right+center...
<div></div>-設(shè)置塊級(jí)元素
type="radio"-單選框
type="checkbox"-復(fù)選框
<select><option></option><select>-下拉菜單

基本符號(hào)代碼轉(zhuǎn)化

3：用 HTML 建立超鏈接
3-1框架之間的鏈接
3-1-1：//frameset框架標(biāo)簽中用rows屬性將窗口分為上中下三部分
<frameset rows="30%,10%,*">
<frame>
<frame>
<frame>
</frameset>
3-1-2：//用src屬性在框架中插入網(wǎng)頁(yè)
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frameset rows="50%,*">
<frame src="b.html">
<frame src="c.html">
</frameset>
</frameset>
</html>
3-1-3//框架之間建立鏈接
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frame name="main">
</frameset>
</html>
4：下一節(jié)我們講css和js

在線咨詢

上一篇：css設(shè)置div只顯示某一邊的邊框
下一篇：謹(jǐn)防“山寨證書(shū)”！人社部公布這些證書(shū)查詢網(wǎng)站

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

HTML5常見(jiàn)的基礎(chǔ)標(biāo)簽（7）你所不知道的ifram

.活動(dòng)框架 iframe

2. 框架集 frameset

您的項(xiàng)目需求