Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
lt;thead>標(biāo)簽定義HTML中<table>元素的標(biāo)題;
<thead>標(biāo)簽與<tbody>和<tfoot>標(biāo)簽一起使用,它們定義HTML表格中的表頭,表主體和表腳。
<thead>標(biāo)簽作為<table>標(biāo)簽的子元素,需出現(xiàn)在<caption>、<colgroup>元素之后;<tbody>,<tr>或<tfoot>元素之前。
<thead>標(biāo)記內(nèi)應(yīng)至少包含一行<tr>元素。
提示:<thead>、<tbody>和<tfoot>元素默認(rèn)不會(huì)影響表格的布局。不過可以使用CSS來為這些元素定義樣式,從而改變表格的外觀。
<thead>
<tr>……</tr>
<thead>
<table border="1">
<caption>圖書大廈書目價(jià)格單</caption>
<thead>
<tr>
<th>書名</th>
<th>單價(jià)</th>
</tr>
</thead>
<tr>
<td>HTML入門教程</td>
<td>79.00元</td>
</tr>
<tr>
<td>JavaScript基礎(chǔ)教程</td>
<td>46.00元</td>
</tr>
<tr>
<td>Python精品教程</td>
<td>99.00元</td>
</tr>
</table> 123456789101112131415161718192021復(fù)制代碼類型:[html]
圖書大廈書目價(jià)格單 | |
書名 | 單價(jià) |
HTML入門教程 | 79.00元 |
JavaScript基礎(chǔ)教程 | 46.00元 |
Python精品教程 | 99.00元 |
在HTML5中,不再支持HTML4.01中<thead>標(biāo)簽的任何屬性。
所有主流瀏覽器都支持<thead>標(biāo)簽。
屬性 | 值 | 描述 |
align | right | HTML5 不支持。定義 <thead> 元素中內(nèi)容的對(duì)齊方式。 |
char | character | HTML5 不支持。規(guī)定 <thead> 元素中內(nèi)容根據(jù)哪個(gè)字符來對(duì)進(jìn)行文本對(duì)齊。 |
charoff | number | HTML5 不支持。規(guī)定 <thead> 元素中內(nèi)容的第一個(gè)對(duì)齊字符的偏移量。 |
valign | top | HTML5 不支持。規(guī)定 <thead> 元素中內(nèi)容的垂直對(duì)齊方式。 |
<thead>標(biāo)簽支持HTML的全局屬性。
<thead>標(biāo)簽支持HTML的事件屬性。
開課吧廣場(chǎng)-人才學(xué)習(xí)交流平臺(tái)
哈嘍大家好,我是公眾號(hào)作者“未來”,本期分享的內(nèi)容是Web前端系列課程,本系列總共29個(gè)階段,堅(jiān)持學(xué)習(xí)3個(gè)月蛻變?yōu)閃eb前端高手哦!
?
1 什么是標(biāo)簽及其分類
在HTML頁面中,帶有“< >”符號(hào)的元素被稱為HTML標(biāo)簽,<html>、<head>、<body>都是HTML標(biāo)簽。所謂標(biāo)簽就是放在”<>”標(biāo)簽符中表示某個(gè)功能的編碼命令,也稱為HTML標(biāo)簽或HTML元素。
1.雙標(biāo)簽: <標(biāo)簽名>內(nèi)容<標(biāo)簽名>
2.單標(biāo)簽: <標(biāo)簽名/>(數(shù)量非常少)
單標(biāo)簽也稱空標(biāo)簽,是指用一個(gè)標(biāo)簽符號(hào)即可完整地描述某個(gè)功能的標(biāo)簽。
果想開發(fā)一個(gè)網(wǎng)站,除了要精通后端開發(fā)語言(如:php)外,還要精通HTML代碼。那么,什么是HTML呢?HTML是一種超文本標(biāo)記語言,它包含有眾多的標(biāo)簽,我們可以通過這些標(biāo)簽,把不同的internet資源(如:文字、圖片、視頻、音頻、表單等等)整合在一個(gè)統(tǒng)一的文檔中,這就形成了我們可以看得見的網(wǎng)頁。那么,HTML都有哪些常用的標(biāo)簽?zāi)兀?/p>
html5文檔類型聲明:<!doctype html>
html4文檔類型聲明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這個(gè)標(biāo)簽是html最外層的標(biāo)簽,所有其它的HTML標(biāo)簽都要放在這個(gè)標(biāo)簽的內(nèi)部。
<html>
<head></head>
<body></body>
</html>
在HTML標(biāo)簽中,有的標(biāo)簽是成雙成對(duì)的,如:<html></html>(如下圖);而有的標(biāo)簽是單個(gè)的,如:<hr>橫線標(biāo)簽。
head頭部有以下幾種常用標(biāo)簽:
meta:主要提供有關(guān)頁面的元信息。
link:用來定義文檔與外部資源的關(guān)系,最常用的是調(diào)用CSS樣式文件。
title:頁面標(biāo)題的標(biāo)簽。
script:用來調(diào)用JS文件或JS代碼。當(dāng)然,script標(biāo)簽也可以在body主體中使用。
1、塊級(jí)標(biāo)簽。
塊級(jí)標(biāo)簽的特性是:獨(dú)自占有一行;標(biāo)簽的高與寬、邊距可以修改;沒有設(shè)置寬與高時(shí),默認(rèn)繼承父標(biāo)簽。例如:
<div>div1</div>
<div>div2</div>
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
前端頁面顯示的效果如下圖:
常用的塊級(jí)標(biāo)簽有:div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form 。
2、內(nèi)聯(lián)標(biāo)簽。
內(nèi)聯(lián)標(biāo)簽與塊級(jí)標(biāo)簽不同,它不能獨(dú)自占有一行,會(huì)與其它內(nèi)聯(lián)標(biāo)簽在同一樣展示;內(nèi)聯(lián)標(biāo)簽的高與寬、上下邊距是不能修改的,它里面的文字或圖片有多高,它就是多高。例如如下代碼:
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<span>span1</span>
<span>span2</span>
CSS樣式代碼跟塊級(jí)標(biāo)簽的例子是一樣的,而顯示的效果就不一樣了,寬與高、上下邊距沒有效果。如下圖:
常用的內(nèi)聯(lián)標(biāo)簽有:span、a、b、strong、i、em 。
3、內(nèi)聯(lián)塊級(jí)標(biāo)簽。
內(nèi)聯(lián)塊級(jí)標(biāo)簽,既有一些內(nèi)聯(lián)標(biāo)簽的特性,也有一些塊級(jí)標(biāo)簽的特點(diǎn):它不能獨(dú)自占有一行,但是可以修改它的寬度和高度。例如下面這段代碼:
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<img src="w5.jpg" alt="">
<img src="w5.jpg" alt="">
CSS樣式代碼跟塊級(jí)標(biāo)簽的那個(gè)例子仍然是一樣的,圖片的寬和高、上下邊距修改成功,而2個(gè)圖片不能獨(dú)自占有一行,而是在同一行。如下圖:
常用的內(nèi)聯(lián)塊級(jí)標(biāo)簽有:img、input、textarea。
4、區(qū)域標(biāo)簽。
所謂區(qū)域標(biāo)簽,就是主要用來劃分布局頁面區(qū)域的。如:頭部、主體內(nèi)容、側(cè)邊欄、底部。這樣劃分的好處是:讓頁面布局更加清晰明了。
常用的區(qū)域標(biāo)簽有:header(頭部)、footer(底部)、nav(導(dǎo)航)、aside(側(cè)邊欄)、section(主體)、article(獨(dú)立內(nèi)容)。
5、表單標(biāo)簽。
這個(gè)表單標(biāo)簽我們也是會(huì)經(jīng)常用到的,如:登錄網(wǎng)站的時(shí)候、提交數(shù)據(jù)的時(shí)候。如下圖的評(píng)論表單:
?表單常用的標(biāo)簽有:form、input、select、option、textarea 。
以上就是我們開發(fā)網(wǎng)頁時(shí),會(huì)常用到的HTML標(biāo)簽。當(dāng)然,HTML標(biāo)簽遠(yuǎn)不止這些,尤其是html5出來后,新增了許多的新標(biāo)簽。但是,有些標(biāo)簽在我們開發(fā)中很少用到,所以,這里就沒有做相應(yīng)的介紹。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。