2018-07-16

HTML 框架實例

1.<frameset>.....</frameset>定義框架集

屬性:?border、scrolling、noresize

<frame>定義框架集的窗口或框架,沒有結束標簽

框架結構標簽(<frameset)定義如何將窗口分割為框架

每個 frameset 定義了一系列行

rows/columns 的值規(guī)定了每行或每列占據屏幕的面積

框架標簽(Frame)

Frame 標簽定義了放置在每個框架中的 HTML 文檔。

通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架,并且每個框架都獨立于其他的框架。

使用框架的壞處:開發(fā)人員必須同時跟蹤更多的HTML文檔 ? ? ? ? ? ? ? ? ? ? ?很難打印整張頁面

e.g<frameset ?cols="25%,50%,25">

<frame src="........">

<frame src="......">

</frameset>

2.noframe

noframes 元素可為那些不支持框架的瀏覽器顯示文本。noframes 元素位于 frameset 元素內部。

如果您希望 frameset 添加<noframe>,? 標簽,就必須把其中的文本包裝在 &lt;body&gt;&lt;/body&gt; 標簽中!就必須把其中的文本包裝在 <body></body>標簽中!

e.g ?<frameset ?rows="25%,50%,25%">

<frame src="......">

<frame src="......">

<noframe>

<body>您的瀏覽器無法處理框架</body>

</noframe>

</frameset>

3.<iframe>.....</iframe>

iframe 元素會創(chuàng)建包含另外一個文檔的內聯(lián)框架(即行內框架)。

HTML 表格實例

1.<table>標簽定義 HTML 表格。

簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。

更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素

e.g ?<table border="1">

<tr>

<th>Month</th>

<th>Saving</th></tr>

<tr>

<td>January</td>

<td>100$</td></tr>

</table>

2.空單元格表示方法

<td></td>

3.colspan橫跨兩列的單元格

<th colspan="2">姓名</th>

rowspan橫跨兩行的單元格

<th rowspan="2">電話</th>

3.border規(guī)定表格邊框的寬度

cellpadding規(guī)定單元邊沿與其內容之間的空白

cellspacing規(guī)定單元格之間的空白。

bgcolor規(guī)定表格的背景顏色

background規(guī)定表格的背景圖像

width規(guī)定表格的寬度

align left,center,right規(guī)定表格相對周圍元素的對齊方式。

<table boeder="1" cellpadding="20"></table>

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 0.B/S結構 瀏覽器服務器模式,web瀏覽器是客戶端最主要的應用軟件.將客戶端使用web進行統(tǒng)一,系統(tǒng)功能實現(xiàn)集...
    liusong007閱讀 1,203評論 0 1
  • 前言 本系列文章主要是基于W3school這個學習網站來總結的,之所以會自己總結一番,一來是因為網站中的實例效果,...
    碼字與律動閱讀 4,301評論 4 70
  • HTML 5 HTML5概述 因特網上的信息是以網頁的形式展示給用戶的,因此網頁是網絡信息傳遞的載體。網頁文件是用...
    阿啊阿吖丁閱讀 4,955評論 0 0
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,250評論 1 25
  • HTML5< !--...--> 標簽 comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。...
    野小寶閱讀 1,407評論 0 10

友情鏈接更多精彩內容