初識(shí)HTML+CSS( 第3章 認(rèn)識(shí)標(biāo)簽 二 )

一:使用ul,添加新聞信息列表

1.ul-li是沒有前后順序的信息列表庶骄。
2.ul-li在網(wǎng)頁中顯示的默認(rèn)樣式一般為:每項(xiàng)li前都自帶一個(gè)圓點(diǎn)

二:使用ol毁渗,添加圖書銷售排行榜

1.制作有序列表
2.<ol>在網(wǎng)頁中顯示的默認(rèn)樣式一般為:每項(xiàng)<li>前都自帶一個(gè)序號(hào),序號(hào)默認(rèn)從1開始

三:認(rèn)識(shí)div在排版中的作用

1.在網(wǎng)頁制作過程過中单刁,可以把一些獨(dú)立的邏輯部分劃分出來,放在一個(gè)<div>標(biāo)簽中府适,這個(gè)<div>標(biāo)簽的作用就相當(dāng)于一個(gè)容器
2.語法:<div>…</div>
3.什么是邏輯部分羔飞?它是頁面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁中的獨(dú)立的欄目版塊檐春,就是一個(gè)典型的邏輯部分

四:給div命名逻淌,使邏輯更加清晰

1.用id屬性來為<div>提供唯一的名稱,這個(gè)就像我們每個(gè)人都有一個(gè)身份證號(hào)疟暖,這個(gè)身份證號(hào)是唯一標(biāo)識(shí)我們的身份的卡儒,也是必須唯一的
2.語法:<div ?id="版塊名稱">…</div>

五:table標(biāo)簽,認(rèn)識(shí)網(wǎng)頁上的表格

創(chuàng)建表格的四個(gè)元素:table俐巴、tbody骨望、tr、th欣舵、td
1. <table>…</table>:整個(gè)表格以<table>標(biāo)記開始擎鸠、</table>標(biāo)記結(jié)束
2.<tbody>…</tbody>:通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示,不在等整個(gè)表格加載完后顯示
3.<tr>…</tr>:表格的一行缘圈,有幾對(duì)tr? ? ?表格就有幾行
4.<td>…</td>:表格的一個(gè)單元格劣光,一行中包含幾對(duì)<td>...</td>,說明一行中就有幾列
5.<th>…</th>:表格表頭
6.表格中列的個(gè)數(shù)糟把,取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)
7.table表格在沒有添加css樣式之前绢涡,在瀏覽器中顯示是沒有表格線的
8.表頭,也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示

六:用css樣式遣疯,為表格加入邊框

1.Table 表格在沒有添加 css 樣式之前雄可,是沒有邊框的

七:caption標(biāo)簽,為表格添加標(biāo)題和摘要

1.摘要:摘要的內(nèi)容是不會(huì)在瀏覽器中顯示出來的另锋。它的作用是增加表格的可讀性(語義化)滞项,使搜索引擎更好的讀懂表格內(nèi)容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容夭坪。語法:<table summary="表格簡介文本">
2.標(biāo)題:用以描述表格內(nèi)容文判,標(biāo)題的顯示位置:表格上方。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末室梅,一起剝皮案震驚了整個(gè)濱河市戏仓,隨后出現(xiàn)的幾起案子疚宇,更是在濱河造成了極大的恐慌,老刑警劉巖赏殃,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件敷待,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡仁热,警方通過查閱死者的電腦和手機(jī)榜揖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抗蠢,“玉大人举哟,你說我怎么就攤上這事⊙该” “怎么了妨猩?”我有些...
    開封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長秽褒。 經(jīng)常有香客問我壶硅,道長,這世上最難降的妖魔是什么销斟? 我笑而不...
    開封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任庐椒,我火速辦了婚禮,結(jié)果婚禮上票堵,老公的妹妹穿的比我還像新娘扼睬。我一直安慰自己,他們只是感情好悴势,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開白布窗宇。 她就那樣靜靜地躺著,像睡著了一般特纤。 火紅的嫁衣襯著肌膚如雪军俊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天捧存,我揣著相機(jī)與錄音粪躬,去河邊找鬼。 笑死昔穴,一個(gè)胖子當(dāng)著我的面吹牛镰官,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吗货,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼泳唠,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了宙搬?” 一聲冷哼從身側(cè)響起笨腥,我...
    開封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤拓哺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后脖母,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體士鸥,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年谆级,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了烤礁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡肥照,死狀恐怖鸽凶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情建峭,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布决摧,位于F島的核電站亿蒸,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏掌桩。R本人自食惡果不足惜边锁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望波岛。 院中可真熱鬧茅坛,春花似錦、人聲如沸则拷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽煌茬。三九已至斥铺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間坛善,已是汗流浹背晾蜘。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留眠屎,地道東北人剔交。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像改衩,于是被迫代替她去往敵國和親岖常。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案燎字? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 1腥椒、HTML介紹 1 2阿宅、Html和CSS的關(guān)系 HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶...
    夏沫xx閱讀 1,358評(píng)論 0 8
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途笼蛛。 HTML5 HTML介紹 H...
    PYLON閱讀 3,199評(píng)論 0 5
  • 引言 在日常開發(fā)Android中洒放,很多時(shí)候會(huì)遇到和WebView打交道,對(duì)CSS HTML JS不是很清楚的話是完...
    張文靖同學(xué)閱讀 2,828評(píng)論 0 11
  • 3-1 使用ul滨砍,添加新聞信息列表 在瀏覽網(wǎng)頁時(shí)往湿,你會(huì)發(fā)現(xiàn)網(wǎng)頁上有很多信息的列表,如新聞列表惋戏、圖片列表领追,如下圖所示...
    靜默丶閱讀 593評(píng)論 1 2