整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
1、表格分析：**表格由 5 行 ，6 列 構(gòu)成，且第一行第一列為 空。
2、繪制思路：
（1）先畫出第一行第一列，且空著它。
（2）再加一列，寫上周一。
（3）再復(fù)制幾個 td 標(biāo)簽，將周二至周五也繪制出來，此時 “列” 就繪制完了。
（4）繪制行：在下面再復(fù)制一行 tr 和 td ，并且添加上文字，此時第 2 行的 第1列也就出來了。此時第一行的第一列的單元格就自動展開了，不用特殊調(diào)試。
（5）如法炮制，再復(fù)制兩行 tr 和 td ，將第二節(jié)和第三節(jié)也添加上。
（6）在第 2 行中復(fù)制一對 td 標(biāo)簽添加 html ，這樣，再復(fù)制 td 添加 css ，以此表格就繪制出來了。
成品圖標(biāo)注：↓
天為大家?guī)砹薍TML中的表格與列表、塊及類與ID的基礎(chǔ)知識，首先為大家介紹的是HTML中的表格與列表。
一、HTML中的表格與列表：
相信大家都知道在office、Excel等辦公軟件中如何制作表格，那大家知道如何在網(wǎng)頁上制作表格呢？同時網(wǎng)頁上面的注冊和登陸表又是怎么制作出來的呢？今天將會為大家詳細講解。
1、表格：
① 了解<table>標(biāo)簽
在網(wǎng)頁上的表格制作是用<table>標(biāo)簽來定義的。
② table中的<tr>和<td>標(biāo)簽
l 每個表格有若干行，即用<tr>標(biāo)簽來定義。
l 每行被分割為若干單元格，即用<td>標(biāo)簽來定義。
示例圖
運行結(jié)果：
③ 在<table>元素中添加border屬性就可以顯示邊框，示例：
運行結(jié)果：
④ 表單的表格用<th>標(biāo)簽表示，示例：
運行結(jié)果：
2、列表
列表分為無序列表、有序列表和定義列表
① 無序列表
l 無序列表是一個項目的列表，此列表項目使用粗體圓點進行標(biāo)記。
l 無序列表始于<ul>標(biāo)簽，每個列表始于<li>，示例：
運行結(jié)果：
l 在<ul>標(biāo)簽中使用type屬性可以改變列表前面的符號，示例：
運行結(jié)果：
② 有序列表
l 與無序列表不同的是，有序列表使用的是<ol>標(biāo)簽，示例：
運行結(jié)果：
在<ol>標(biāo)簽中添加type屬性，可以改變列表前面的符號，示例：
運行結(jié)果：
③ 定義列表
l 定義列表就是自定義列表，是項目及其注釋的組合。
l 自定義列表以<dl>標(biāo)簽開始，每個自定義列表項以<dt>開始，每個自定義列表項的定義以<dd>開始，示例：
運行結(jié)果：
二、HTML中的塊：
1、大多數(shù)HTML元素被定義為塊級元素或內(nèi)聯(lián)元素
① 塊級元素在瀏覽器顯示時，通常以新行來開始（和結(jié)束），例如：<h1>、<p>、<ul>、<table>等。
② 內(nèi)聯(lián)元素在顯示時通常不會以新行開始，例如：<b>、<td>、<a>、<img>等。
2、HTML中的<div>元素
HTML<div>元素是塊級元素，是可以組合其他HTML元素的容器，簡單來說<div>元素一般被用在HTML布局上面，示例：
運行結(jié)果：
3、HTML中的<span>元素
HTML<span>元素是內(nèi)聯(lián)元素可用作文本的容器，當(dāng)與css一同使用時，<span>元素可用于為部分文本設(shè)置樣式屬性，示例：
運行結(jié)果：
三、HTML中的CLASS和ID:
在上面的示例中我們有看到id標(biāo)簽，在學(xué)習(xí)過程中很多人搞不懂class類和id標(biāo)簽的區(qū)別，現(xiàn)在開始教大家如何區(qū)分class類和id標(biāo)簽。
CLASS:
1、Class就我們口中所說的類
2、在css中引用時以“.”開頭，并且可以被多個元素調(diào)用，例如：
3、在使用中，可以先設(shè)置出一個樣式，然后被多個元素引用。
ID:
1、id是一種標(biāo)簽
2、在css中引用時以“#”開頭，只能定義一個元素，例如：
3、在使用時，只能先確定一個元素，然后才能設(shè)置其樣式，無法被其它元素引用，是唯一的標(biāo)簽。
希望大家能夠從這篇文章學(xué)習(xí)到HTML的部分知識~
lt;html>
<head>
<title>實現(xiàn)表格</title>
<head>
<body >
<table border="1px" align="center" width="477"><!--border為邊框-->
<tr><!--行標(biāo)簽-->
<td >學(xué)</td ><!--表示一個單元格-->
<td >習(xí)</td >
<td >HTML</td >
</tr>
<tr>
<td >學(xué)</td >
<td >習(xí)</td >
<td >HTML</td >
</tr>
<tr>
<td >關(guān)</td >
<td >注</td >
<td >我</td >
</tr>
</table>
</body>
</html>
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
