網(wǎng)頁的文檔類型撮慨、標簽及表格

什么是文檔類型竿痰?

  • 可以簡單的理解為不同的html版本
  • 從html4.0或4.01以后數(shù)字版本號基本固定脆粥,但是在此基礎(chǔ)上又有分化:
    1.嚴格型:可用的標簽相對較少砌溺,但能兼容更多的瀏覽器
    2.寬松型:可用的標簽相對較多影涉,但能兼容的瀏覽器較少
    3.框架型:一種特殊需要的類型,只能在frameset標簽的網(wǎng)頁中使用
  • 從html5 開始就刪去了啰嗦的東西就剩<!DOCTYPE html >

鏈接標簽

<a herf="設(shè)定鏈接的目標網(wǎng)頁文件url" garget="設(shè)定要打開該網(wǎng)頁瀏覽器窗口的名字" target="打開窗口的位置">
  • _blank 新的窗口(空白窗口)
  • _self: 當前網(wǎng)頁本身這個窗口
  • _parent: 當前窗口的“上一級”窗口 ——學(xué)frameset的時候才能應(yīng)用上规伐。
  • _top: 當前窗口所在的窗口層級中的最頂層那個窗口 ——學(xué)frameset的時候才能應(yīng)用上蟹倾。
  • target如果沒有設(shè)定,則現(xiàn)在通常的默認值是_self.

圖片標簽

  • <img src=”圖片文件的路徑url” alt=”設(shè)定圖片的描述信息” width=”100” height=”50” border=”1” align=”left || center || right” />
  • alt:圖片信息的描述
  • align:圖片顯示的位置
  • border:圖片邊框線的粗細(px)
  • title:這是一個通用屬性(即幾乎所有標簽都可以用)猖闪,設(shè)置的文字會在鼠標放到該元素上的時候出現(xiàn)鲜棠。
  • 互聯(lián)網(wǎng)論壇http:// www.csdn.net

圖像映射技術(shù)

  • <a><img></a>標簽可以使整張圖片鏈接
  • 映射
    <img src="地址/圖片名稱" usemap="#m1" />
    <map name="m1">
    形式:<area shape="設(shè)定形狀" coords="坐標尺寸之類" href="設(shè)定該區(qū)域的鏈接 " >
    矩形:
    <areashape="rect" coords="矩形的左上角坐標和右下角坐標" href="01圖片標記.html" >
    圓形:
    <area shape="circle" coords="圓心的坐標和半徑" href="01圖片標記.html">
    多邊形:
    <area shape="poly"coords="連續(xù)的點的坐標"href="01圖片標記.html" >
    </map>

表格技術(shù)與初步

表格使用如下3個標簽搭配以形成完整的表格基本表現(xiàn):
<table>
<tr>
<td>這個td中才是放置具體“內(nèi)容部分”的區(qū)域</td>
</tr>
</table>
table:用于“聲明”一個表格
tr:用于設(shè)定一個表格中的“一行”,多行就使用多個tr配對培慌。
td:用于設(shè)定一個行中的“一列”(單元格)豁陆,多個列就使用多個td。
—— 一個表格可以有多行吵护,一個行可以有多列盒音。
表格中的單元格可以進行“合并”操作,是通過td上的兩個屬性來實現(xiàn)馅而。
table常用屬性:
width:
height:
border:設(shè)定表格的邊框線祥诽,其實會應(yīng)用整個表格的所有“邊框線”(每個單元格)
cellpadding: 設(shè)定單元格中的內(nèi)容與單元格的邊框線之間的“間距”,單位是px
cellspacing: 設(shè)定相鄰的兩個元格的邊框線之間的“間距”瓮恭,單位是px
bgcolor=”yellow” 設(shè)定表格的總體上的背景顏色
background=”圖片地址url”: 設(shè)定表格的總體上的背景圖
align=”left // center // right”: 設(shè)定表格總體上的定位方式雄坪。
bordercolor:設(shè)定邊框線的顏色
td常用屬性:
width:
height:
bgcolor=”yellow” 設(shè)定單元格的背景顏色
background=”圖片地址url”: 設(shè)定單元格的背景圖
align=”left // center // right”: 設(shè)定單元格中的內(nèi)容的水平對齊方式
valign=”top // middle // bottom”: 設(shè)定單元格中的內(nèi)容的垂直對齊方式
colspan=”5”: 表示該單元格會水平向右邊合并5個“原始單元格”,其本身相當于“跨”5個列屯蹦。
rowspan=”3”: 表示該單元格會垂直向下邊合并3個“原始單元格”维哈,其本身相當于“跨”3個行。
tr的屬性:不多登澜,也不常用

表格深入

td用于設(shè)定一個普通單元格
th用于設(shè)定一個“標題單元格”:其中的文字會自動粗體并居中——凡是可以用td阔挠,就可以用th

一個表格還可以設(shè)定一個“標題”:在table 中使用caption標簽,其中可是設(shè)定標題文字

實際上帖渠,作為表格“table”谒亦,其內(nèi)部的所有行還可以進一步進行“表格區(qū)域劃分”,通常有3種形式的表格區(qū)域:
thead:代表表格的“頭部”區(qū)域空郊,其中可以放置tr(及其下屬)標簽份招。
tbody:代表表格的“中部”區(qū)域(主體區(qū)域),同樣可以放tr——所有沒有明確使用分區(qū)標簽歸到某個區(qū)域的tr標簽狞甚,都自動隸屬于tbody分區(qū)锁摔。——也就是說哼审,tbody有可能自動出現(xiàn)谐腰。
tfoot:代表表格的“尾部”區(qū)域孕豹,同樣可以放tr

<pre>

<pre>想表現(xiàn)出來的代碼區(qū)域</pre>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市十气,隨后出現(xiàn)的幾起案子励背,更是在濱河造成了極大的恐慌,老刑警劉巖砸西,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叶眉,死亡現(xiàn)場離奇詭異,居然都是意外死亡芹枷,警方通過查閱死者的電腦和手機衅疙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鸳慈,“玉大人饱溢,你說我怎么就攤上這事∽哂螅” “怎么了绩郎?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長绿聘。 經(jīng)常有香客問我嗽上,道長,這世上最難降的妖魔是什么熄攘? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任兽愤,我火速辦了婚禮,結(jié)果婚禮上挪圾,老公的妹妹穿的比我還像新娘浅萧。我一直安慰自己,他們只是感情好哲思,可當我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布洼畅。 她就那樣靜靜地躺著,像睡著了一般棚赔。 火紅的嫁衣襯著肌膚如雪帝簇。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天靠益,我揣著相機與錄音丧肴,去河邊找鬼。 笑死胧后,一個胖子當著我的面吹牛芋浮,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播壳快,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼纸巷,長吁一口氣:“原來是場噩夢啊……” “哼镇草!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起瘤旨,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤梯啤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后裆站,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體条辟,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡黔夭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年宏胯,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片本姥。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡肩袍,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出婚惫,到底是詐尸還是另有隱情氛赐,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布先舷,位于F島的核電站艰管,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蒋川。R本人自食惡果不足惜牲芋,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望捺球。 院中可真熱鬧缸浦,春花似錦、人聲如沸氮兵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽泣栈。三九已至卜高,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間南片,已是汗流浹背掺涛。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留铃绒,地道東北人鸽照。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像颠悬,于是被迫代替她去往敵國和親矮燎。 傳聞我的和親對象是個殘疾皇子定血,可洞房花燭夜當晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,243評論 1 41
  • 表格 代碼: 內(nèi)容 table常用屬性:width:height:border:設(shè)定表格的邊框線诞外,其實會應(yīng)用整個表...
    YYece閱讀 271評論 0 0
  • img標簽: img標簽中的img其實是英文image的縮寫,所以img標簽的作用, 就是告訴瀏覽器我們需要顯示一...
    佩佩216閱讀 1,485評論 0 2
  • (1)文檔類型 文檔類型:html文件的第一行代碼通常是聲明文檔網(wǎng)頁文檔類型(DTD)澜沟,文檔類型可以簡單的理解為 ...
    Y原諒閱讀 277評論 0 0
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內(nèi)容不會被瀏覽器顯示峡谊。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,058評論 1 25