版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
實(shí)戰(zhàn)化教學(xué)第一品牌Web前端零基礎(chǔ)入門(mén)到實(shí)戰(zhàn)北京尚學(xué)堂-Andy老師HTML標(biāo)簽--表格表格由<table>標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由<tr>標(biāo)簽定義),每行被分割為若干單元格(由<td>標(biāo)簽定義)。字母td指表格數(shù)據(jù)(tabledata),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等??偨Y(jié):<tr>行;<td>單元格;單元格邊距(cellpadding);單元格間距(cellspacing);HTML標(biāo)簽--表格<table> 定義表格<th>
定義表格的表頭<tr>
定義表格的行<td>
定義表格單元<caption> 定義表格標(biāo)題<colgroup> 定義表格列的組<col>
定義用于表格列的屬性<thead> 定義表格的頁(yè)眉<tbody> 定義表格的主體<tfoot> 定義表格的頁(yè)腳HTML標(biāo)簽--表格colspan屬性規(guī)定單元格可橫跨的列數(shù)空間rowspan屬性規(guī)定單元格可橫跨的行數(shù)空間HTML標(biāo)簽--區(qū)塊標(biāo)簽一、HTML塊元素大多數(shù)HTML元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素?!皦K級(jí)元素”譯為blocklevelelement,“內(nèi)聯(lián)元素”譯為inlineelement。塊級(jí)元素在瀏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和結(jié)束)。例子:<h1>,<p>,<ul>,<table>二、HTML內(nèi)聯(lián)元素內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。叫法有多種,如:內(nèi)聯(lián)元素、內(nèi)嵌元素、行內(nèi)元素、直進(jìn)式元素等。例子:<b>,<td>,<a>,<img><div>可定義文檔中的分區(qū)或節(jié)(division/section)。<div>是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開(kāi)始一個(gè)新行。HTML標(biāo)簽--再學(xué)span標(biāo)簽HTML<span>元素是內(nèi)聯(lián)元素,可用作文本的容器<span>元素也沒(méi)有特定的含義??偨Y(jié):<div> 定義文檔中的分區(qū)或節(jié)(division/section)。<span>定義span,用來(lái)組合文檔中的行內(nèi)元素??梢园褍?nèi)聯(lián)元素加上display:block這樣的屬性,變成塊級(jí)元素,讓它也有每次都從新行開(kāi)始的屬性;同樣也可以把塊元素加上display:inline這樣的屬性,讓它也在一行上排列。HTML標(biāo)簽--區(qū)塊標(biāo)簽<div>元素的另一個(gè)常見(jiàn)的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用<table>元素進(jìn)行文檔布局不是表格的正確用法。<table>元素的作用是顯示表格化的數(shù)據(jù)。table不需要考慮瀏覽器兼容問(wèn)題。缺點(diǎn):1、代碼臃腫,table甚至?xí)嘀厍短祝?、代碼繁亂完全不利于修改。div代碼簡(jiǎn)潔,結(jié)構(gòu)明了,加載速率快。缺點(diǎn):要考慮瀏
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 六年級(jí)上冊(cè)教學(xué)計(jì)劃范文五篇
- 書(shū)法活動(dòng)總結(jié)
- 銷售季度工作總結(jié)(集錦15篇)
- 銷售代表具體的總結(jié)10篇
- 小學(xué)體育教研活動(dòng)計(jì)劃書(shū)
- 新員工個(gè)人工作總結(jié)6篇
- 建筑類實(shí)習(xí)報(bào)告范文
- 讀書(shū)的受到的教益300字10篇
- 開(kāi)學(xué)典禮講話稿15篇
- 電工類實(shí)習(xí)報(bào)告模板集合八篇
- 2025年1月八省聯(lián)考河南新高考物理試卷真題(含答案詳解)
- 物業(yè)管理服務(wù)人員配備及崗位職責(zé)
- 鄭州2024年河南鄭州市惠濟(jì)區(qū)事業(yè)單位80人筆試歷年參考題庫(kù)頻考點(diǎn)試題附帶答案詳解
- 深靜脈血栓的手術(shù)預(yù)防
- 【9道期末】安徽省合肥市廬陽(yáng)區(qū)2023-2024學(xué)年九年級(jí)上學(xué)期期末道德與法治試題
- 腹腔鏡全胃切除手術(shù)配合
- 2024-2030年中國(guó)非物質(zhì)文化遺產(chǎn)市場(chǎng)前景調(diào)研及投資風(fēng)險(xiǎn)分析報(bào)告
- 酒店員工人事制度培訓(xùn)
- 2023年山西省公務(wù)員錄用考試《行測(cè)》真題及答案解析
- 醫(yī)美整形退款協(xié)議書(shū)范本下載
- 國(guó)培培訓(xùn)成果匯報(bào)
評(píng)論
0/150
提交評(píng)論