今天，上路實驗課才到的教師，已經(jīng)過去了兩個小時。也不知道講了些什么，就跟著同學(xué)一起寫代碼。只好自己看看課件了。
一，URL（頁面地址）
統(tǒng)?一資源定位器，?用來標(biāo)識網(wǎng)絡(luò)中的任何資源，?文本、圖?片、?音視頻?文件，段落，或其他超?文本。
1.絕對路徑。
完整的 URL 組成
– 協(xié)議、主機(jī)名、目錄路徑、文件名
http://www.w3.org/TR/CSS2/syndata.html
http：協(xié)議名（用://分隔）
www.w3.org：主機(jī)名
/TR/CSS2/：目錄路徑
syndata.html：要鏈接的文件名
2.相對路徑
– 指?文件的位置是相對于當(dāng)前文件的位置。它包括目錄名，
或指向?一個可以從當(dāng)前目錄出發(fā)找到該文件的路徑
3.圖像元素<img>
使用 <img> 元素將圖像添加到頁面。
必須屬性：src（源）（圖像的來源位置吧大概）
常?用屬性：width（寬度）、height（高度）
如：<img width="100" src="image/rose.jpg" />
4.鏈接元素<a>
<a> 標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。
<a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo)。
使用 <a> 元素創(chuàng)建?一個超級鏈接，語法如下：
? <a href="" target="">?文本</a>
– href 屬性：鏈接 URL
– target 屬性：目標(biāo)，可取值為 _blank、_self 等
– name 屬性：錨點名稱
<a >To Google</a>
<br />
<a href="teacher/teacher.asp" target="_blank">
To other page
</a>
To Google 和 To other page 為網(wǎng)頁上顯示的內(nèi)容，點擊此內(nèi)容，變可以跳轉(zhuǎn)到其連接。
5.目標(biāo)文檔為下載資源
<a href="DAY02.zip">下載</a>
電?子郵件鏈接
<a href="mailto:tarena@tarena.com.cn">聯(lián)系我們</a>
返回?頁?面頂部的空鏈接
<a href="#">...</a>
name：錨點名稱
錨點是文檔中某?行的一個記號，用于鏈接到文檔中的某個位置。
定義錨點.
<a name=”anchorname1”>錨點?一</a>
鏈接到錨點：在錨點名前加上#
文本與錨點存在同一頁面：<a href="#anchorname1">...</a>
文本與錨點不存與同一頁面：<a href="頁面URL#anchorname1">...</a>
二. 表格
用<table></table> 標(biāo)記。
<tr></tr> 創(chuàng)建表行，
<td></td>創(chuàng)建單元格。
如：<table border="1">border（邊）
<tr>
<td>第1?行，第1列</td>
<td>第1?行，第2列</td>
</tr>
<tr>
<td>第2?行，第1列</td>
<td>第2?行，第2列</td>
</tr>
</table>
1.表格元素
width，設(shè)置表格寬度
height，設(shè)置表格?高度
align，設(shè)置表格對?齊?方式(left|center|right)
border，設(shè)置表格邊框?qū)挾?br>
cellpadding，設(shè)置內(nèi)邊距(單元格邊框與內(nèi)容之間的距離)
cellspacing，設(shè)置外邊距(單元格之間的距離)
bgcolor，設(shè)置表格背景顏?色
2.? <tr>元素
– align，設(shè)置?水平對?齊?方式(left|center|right)
– valign，設(shè)置垂直對?齊?方式(top|middle|bottom)
? <td>元素
– align，設(shè)置?水平對?齊?方式(left|center|right)
– valign，設(shè)置垂直對?齊?方式(top|middle|bottom)
– width，設(shè)置寬度
– height，設(shè)置?高度
– colspan，設(shè)置單元格跨列
– rowspan，設(shè)置單元格跨?行
3.表格的標(biāo)題<caption>
table border="1">
<caption>我的表格</caption>
<tr>
<td>第1?行，第1列</td>
<td>第1?行，第2列</td>
</tr>
</table>
4.行分組
<table border="1" width="300“>
<thead align="center">
<tr>
<td>姓名</td>
<td>年齡</td>
</tr>
</thead>
<tbody align="right">
<tr>
<td>mary</td>
<td>18</td>
</tr>
<tr>
<td>jerry</td>
<td>20</td>
</tr>
</tbody>
</table>
跨列：colspan
– ?水平?方向延伸單元格，值為?一正整數(shù)，代表此單元格?水平延伸的單元格數(shù)
? 跨?行：rowspan
– 垂直?方向延伸單元格，值為?一正整數(shù)，代表此單元格垂直延伸的單元格數(shù)
表格嵌套：即在<td>單元格。元素中加<table>。
七. 列表
1.有序列表<ol>
<ol> 元素中只能包含列表項元素 <li>
<ol type="列表類型" start="起始編號">
<li>…</li>
<li>…</li>
…
</ol>
type 屬性值
– 1，數(shù)字(默認(rèn))
– a，?小寫字?母
– A，?大寫字?母
– i，?小寫羅?馬數(shù)字
– I，?大寫羅?馬數(shù)字
start=后面寫數(shù)字
若<ol type="A" start="3">則列表從C開始即CDEFG。
其余一樣。
2.無序列表<ul>
<ul type="列表類型" >
<li>…</li>
<li>…</li>
…
</ul>
type 屬性值
– disc，實?心圓(默認(rèn))
– circle，空?心圓
– square，實?心矩形
3.列表嵌套，在<li>里加<ul>。
寫到最后，夸一下簡書，這一片我寫到列表開始的時候，突然斷電，還沒發(fā)表保存，我以為我花一兩小時的第二篇就這么沒了，當(dāng)時個個心碎啊。但我再次打開的時候，竟然還在。欣喜若狂。
但是，我不知道怎樣把截圖放在上面來.............
2016.05.13