整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
amp;nbsp; 《湖北省2022年普通高考總分一分一段統(tǒng)計表》已經(jīng)公布在湖北招生信息網(wǎng)（陸續(xù)更新中），電腦端訪問網(wǎng)址為：https://zsxx.e21.cn/e21html/zsarticles/gaozhao/2022_06_25/80959.html
【注：點擊圖片可放大】
【普通類-首選物理】
【普通類-首選歷史】
相關(guān)>>
湖北省2022年高考分?jǐn)?shù)線公布！
湖北日報客戶端，關(guān)注湖北及天下大事，不僅為用戶推送權(quán)威的政策解讀、新鮮的熱點資訊、實用的便民信息，還推出了掌上讀報、報料、學(xué)習(xí)、在線互動等系列特色功能。
全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實用視頻。
主要內(nèi)容：這是HTML課程的第六課，在這節(jié)課程中主要講解一下HTML中body的屬性，以及表格元素。希望大家根據(jù)這個教程可以學(xué)習(xí)一下。
上節(jié)回顧
在上節(jié)中主要講解了超鏈接和圖片的知識點。上節(jié)請戳->網(wǎng)頁前端開發(fā)基礎(chǔ)教程05-網(wǎng)頁中插入圖片和超鏈接，界面更絢麗
當(dāng)然講解的并不是很全面，只是把常用的HTML屬性進(jìn)行講解了出來，在后期會進(jìn)行做項目，到時候，直接回顧一下，馬上就能搞懂了。這次直接講解一下HTML中的body屬性以及表格元素。
PS：其實HTML這個東西很簡單，只需要根據(jù)對應(yīng)的元素，學(xué)會標(biāo)簽指的是什么就可以了，就和諜戰(zhàn)片中中的密碼本一樣，按照密碼本書寫對應(yīng)的格式，寫上去就能直接顯示了。只是學(xué)會這種標(biāo)簽的樣式而已。自己學(xué)習(xí)HTML也是可以的。最重要的還是進(jìn)行實踐。
body的屬性
body是整個頁面的主體元素，我們把內(nèi)容寫入到body元素中，那應(yīng)該如何設(shè)置主體的背景顏色、背景圖片呢？
下面就一一來講解一下。使用Sublime創(chuàng)建一個HTML文件。
設(shè)置背景顏色，屬性為bgcolor，值為RGB顏色或者顏色的英文單詞。
2.背景圖片設(shè)置，背景圖片照樣可以用路徑的方式寫入到HTML文件中。屬性為background例如：
當(dāng)然body的屬性值，比較少，而且?guī)缀醪惶茫谝院蟮臅r候要使用CSS代替這些東西。
表格
表格在網(wǎng)頁中還是很常用的，比如在按照每行數(shù)據(jù)進(jìn)行展示的時候，就需要用到表格啦。所以就需要學(xué)習(xí)一下表格應(yīng)該如何寫。
OK，我們先建立一個最簡單的學(xué)生信息表：
其中table（表格）、tr（一行）、（一個單元格）。這三個時表格最基本的元素。并依次有個上下級嵌套的關(guān)系。
表格中的屬性
表格中有很多屬性，正是因為有了這些屬性，才讓表格無比強(qiáng)大。比如在老早的時候，風(fēng)靡一時的Hao123就是使用表格進(jìn)行制作的。OK在下節(jié)中咱們也會自己制作一個模仿的Hao123第一版，通過table制作。
border
border是邊框的意思，在以后的學(xué)習(xí)中你肯定會對這個單詞不陌生，因為這個單詞真的是太常用了。border有兩個值分別為0和1.0表示“沒有邊框”，1表示“有邊框”。
cellpadding:
這個表示的是表格的內(nèi)邊距，也就是表格的邊框到里面的內(nèi)容的距離。
數(shù)值越大，單元格的表框到內(nèi)容的距離越大。
cellspacing
這是單元格和單元格之間的距離，這個值越大，單元格之間的距離越大。
align：
align表示的是單元格的對齊方式，對里面的內(nèi)容進(jìn)行水平的對齊，其值有三個分別為right（右）、center（居中）、left（左）。
colspan、rowspan：
這是兩個屬性，分別表示行的合并和列的合并。其值為數(shù)字，表示要合并的單元格：
還有其他幾個屬性例如：valign、bgcolor、width、height等在前課程中也講過了。
每天一個知識點，帶你邁向軟件編程大神，一起努力吧。下節(jié)課程，我們一起做一個Hao123的導(dǎo)航頁面。
立和使用列表
<dl></dl>列表標(biāo)簽定義列表;
<dt>定義列表標(biāo)題;
<dd>定義列表內(nèi)容;說明:
1. dt和dd對應(yīng)著的, 一個dt可以對應(yīng)著多個dd;
2. dd完全是為了dt服務(wù)的, 對標(biāo)題進(jìn)行描述;
實例:
<dl>
<dt>標(biāo)題1</dt><dd>內(nèi)容11</dd><dd>內(nèi)容12</dd>
<dt>標(biāo)題2</dt><dd>內(nèi)容21</dd><dd>內(nèi)容22</dd>
</dl><ol></ol> 列表標(biāo)簽定義一個標(biāo)有數(shù)字的列表;
<ol type="value"></ol>
1 默認(rèn)值。數(shù)字有序列表。(1、2、3、4)
a 按字母順序排列的有序列表，小寫。(a、b、c、d)
A 按字母順序排列的有序列表，大寫。(A、B、C、D)
i 羅馬字母，小寫。(i, ii, iii, iv)
I 羅馬字母，大寫。(I, II, III, IV)
<ol>
<li>聯(lián)系人:</li>xxx
<li>聯(lián)系地址:</li>北京市豐臺區(qū)
<li>郵政編碼:</li>100036
</ol><ul></ul> 列表標(biāo)簽定義一個標(biāo)有圓點的列表;
<ul type="value"></ul>
disc 默認(rèn)值,實心圓。
circle 空心圓。
square 實心方塊。
<ul>
<li></li>
<li></li>
<li></li>
</ul><dir></dir>標(biāo)簽定義目錄列表。
<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir><menu></menu>標(biāo)簽可定義一個菜單列表。
<menu>
<li>html</li>
<li>xhtml</li>
</menu>在實際工作中, 它的用途較少, 大部分我們還是用ul;
另外還可以使用:
<div align=""></div>分區(qū)標(biāo)簽,用來排版大塊HTML段落,也用于格式化表
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
