html 的次日 table的其餘屬性 以及frameset
<meta>的經常使用形式 css
• <meta>：用於設置一些頭信息html
• <meta hgp-‐equiv="content-‐Type" content="text/html; charset=UTF-‐8">java
• 設定頁面使用的字符集api
• <meta name ="keywords" content="java,java培訓"/>瀏覽器
• 告訴搜索引擎你網頁的關鍵字緩存
• <meta name="descripeon" content="網頁描述"/>框架
• 告訴搜索引擎你的網站主要內容xss
• <meta hgp-‐equiv="pragma" content="no-‐cache">ide
• 禁止瀏覽器從本地計算機的緩存中訪問頁面內容網站
• <meta hgp-‐equiv="refresh" content="2;URL=hgp://www.google.com">
• 自動刷新並指向新頁面。
• <div> 塊元素
• 用來在頁面上定義一個區域，在這個區域內能夠包含任何的HTML元素。
• <span>行內元素(也叫內嵌元素)
• 用來在同一行文本內選取一個片段。
• 它對選取的文本沒有任何影響，只能藉助於CSS或JavaScript來對<span>元素進行處理。
• <span></span>中不能嵌套其餘的封裝級元素。
表格的其它標籤
• <th>標籤用來設置表格的標題列。
• 顯示效果是黑體居中文字。
• <capeon>標籤用來設置表格的標題或題目。
• 水平區域標記
• <thead>…</thead>
• 頭部分
• <tbody>…</tbody>
• 主體部分
• <tfoot>…</tfoot>
• 腳註部分
框架
要在單個應用窗口中顯示一個以上的網頁，就可使用框架。
• <frameset>框架集：被劃分紅若干幀(frame)的窗口區域。
• <frameset>不能嵌套在<body>標籤內。
• <frameset>的屬性：
• cols屬性：設定主文檔中有幾列窗口及各個窗口的大小。
• rows屬性：設定主文檔中有幾行窗口及各個窗口的大小。
• 取值能夠是多個百分數、絕對像素值或星號(*)。取值的個數說明了列和行的個數，值之間用逗號隔開。
• frameborder：設定是否顯示邊框。
• 其值只有0和1，0表示不顯示邊框，1 表示要顯示邊框。
• border屬性：指定邊框的大小。
• bordercolor ：設定邊框顏色
• <frame>標籤放在<frameset>內，用來定義某一個具體的幀窗口。
• 屬性
• src: 指定這個幀窗口中初始裝載的網頁文件的URL地址。
• name：指定幀窗口的名字。
• noresize="noresize"：設置禁止調整幀窗口的大小。
• scrolling：設定是否要顯示滾動條。yes、no、auto
noframes標籤
<noframes></noframes>用來在那些不支持幀的瀏覽器中顯示文本或圖片信息
iframe標籤
<iframe>用來在一個網頁中間插入一個簡單的幀窗口，在這個幀窗口中能夠顯示另外一個文件的內容。
• <iframe>不須要放在<frameset>標籤對之間。
• 屬性：
• src：文件的路徑
• name：幀窗口的名字
• width：幀窗口的寬度。
• height ：幀窗口的高度。
• scrolling： 是否顯示滾動條。no、yes、auto
• frameborder：設定是否顯示邊框。
• 其值只有0和1，0表示不顯示邊框，1 表示要顯示邊框。
<html> <head> </head> <body> <table border=1> <caption>表格的標題列或題目</caption> <th>表格的標題列</th> <th>表格的標題列</th> <th>表格的標題列</th> <thead> <tr> <td>頭部分</td> <td>頭部分</td> <td>頭部分</td> </tr> </thead> <tbody> <tr> <td>主題部分</td> <td>主題部分</td> <td>主題部分</td> </tr> </tbody> <tfoot> <tr> <td>腳註部分</td> <td>腳註部分</td> <td>腳註部分</td> </tr> </tfoot> </table> </body> </html>
<html>
<head>
<style type="text/css">
.bg{background-color:6dcff6;
};
p {
font-size:20px;
font-family:"黑體"；
text-align:left;
}
.div{
width:200px;
height:300px;
position:top;
}
.ol{
list-style-image:url(ico.png);
list-style-position:inside;
}
.ul{
list-style-type:lower-alpha;
list-style-position:inside;
}
text{
vertical-align:middle;
text-align:center;
text-decoration:overline;
text-transform:capitalize;
text-indent:2;
line-height:5px;
word-spacing:4px;
letter-spacing:4px;
word-wrap:break-word;
word-break:normal;
}
</style>
</head>
<body class=bg>
<p>slslsl</p><br/>
<div class=div>
fdddxss
</div>
<div class=div>
fdddxss
</div>
<ol class=ol>
<li>填寫信息</li>
<li>收電子郵件</li>
<li>註冊成功</li>
</ol>
<ul class=ul>
<li>填寫信息</li>
<li>收電子郵件</li>
<li>註冊成功</li>
</ul>
<div class=div>
<text>I am from china!</text>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
.bg{background-color:6dcff6;
background-image:url(b.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:left};
p {
font-size:20px;
font-family:"黑體"；
text-align:left;
}
.div{
width:200px;
height:300px;
position:top;
}
.ol{
list-style-image:url(ico.png);
list-style-position:inside;
}
.ul{
list-style-type:lower-alpha;
list-style-position:inside;
}
text{
vertical-align:middle;
text-align:center;
text-decoration:overline;
text-transform:capitalize;
text-indent:2;
line-height:5px;
word-spacing:4px;
letter-spacing:4px;
word-wrap:break-word;
word-break:normal;
}
</style>
</head>
<body class=bg>
<p>slslsl</p><br/>
<div class=div>
fdddxss
</div>
<div class=div>
fdddxss
</div>
<ol class=ol>
<li>填寫信息</li>
<li>收電子郵件</li>
<li>註冊成功</li>
</ol>
<ul class=ul>
<li>填寫信息</li>
<li>收電子郵件</li>
<li>註冊成功</li>
</ul>
<div class=div>
<text>I am from china!</text>
</div>
</body>
</html>
<html> <head> </head> <frameset rows="13%,80%,7%"> <frame src="UntitledFrame-1" name="top"> <frameset cols="25%,*"> <frame name="left" src="left.html"></frame> <frame name="right" src="right.html"></frame> </frameset> <frame name="bottom" src="bottom.html"></frame> </frameset><noframes></noframes> </html>
<html> <head> </head> <body> <p><a href="http://www.baidu.cn" target="right">百度</a></p> <a href="http://www.google.cn" target="right">谷歌</a> </body> </html>
- 1. 表格table以及其屬性
- 2. HTML之Table表單的屬性以及用法
- 3. element ui table的show-overflow-tooltip屬性以及設置其寬度
- 4. HTML連載72-動畫效果及其餘屬性
- 5. html與表格（table）相關的屬性
- 6. HTML中的table標籤屬性
- 7. TextView支持的HTML標籤及其餘
- 8. target、frameset、frame屬性詳解
- 9. html框架--frameset
- 10. magento新增商品屬性以及將屬性加入Flat table
- 更多相關文章...
- • MySQL的版本以及版本號 - MySQL教程
- • Spring Bean的配置及常用屬性 - Spring教程
- • 互聯網組織的未來：剖析GitHub員工的任性之源
- • 漫談MySQL的鎖機制
-
每一个你不满意的现在，都有一个你没有努力的曾经。