第二篇

今天，上路实验课才到的教师，已经过去了两个小时。也不知道讲了些什么，就跟着同学一起写代码。只好自己看看课件了。
一，URL（页面地址）
统⼀一资源定位器，⽤用来标识网络中的任何资源，⽂文本、图⽚片、⾳音视频⽂文件，段落，或其他超⽂文本。
1.绝对路径。
完整的 URL 组成
– 协议、主机名、目录路径、文件名
http://www.w3.org/TR/CSS2/syndata.html
http：协议名（用://分隔）
www.w3.org：主机名
/TR/CSS2/：目录路径
syndata.html：要链接的文件名
2.相对路径
– 指⽂文件的位置是相对于当前文件的位置。它包括目录名，
或指向⼀一个可以从当前目录出发找到该文件的路径
3.图像元素<img>
使用 <img> 元素将图像添加到页面。
必须属性：src（源）（图像的来源位置吧大概）
常⽤用属性：width（宽度）、height（高度）
如：<img width="100" src="image/rose.jpg" />
4.链接元素<a>
<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

使用 <a> 元素创建⼀一个超级链接，语法如下：
• <a href="" target="">⽂文本</a>
– href 属性：链接 URL
– target 属性：目标，可取值为 _blank、_self 等
– name 属性：锚点名称
<a href="http://www.google.com.hk">To Google</a>
<br />
<a href="teacher/teacher.asp" target="_blank">
To other page
</a>
To Google 和 To other page 为网页上显示的内容，点击此内容，变可以跳转到其连接。
5.目标文档为下载资源
<a href="DAY02.zip">下载</a>
电⼦子邮件链接
<a href="mailto:tarena@tarena.com.cn">联系我们</a>
返回⻚页⾯面顶部的空链接
<a href="#">...</a>
name：锚点名称
锚点是文档中某⾏行的一个记号，用于链接到文档中的某个位置。
定义锚点.
<a name=”anchorname1”>锚点⼀一</a>
链接到锚点：在锚点名前加上#
文本与锚点存在同一页面：<a href="#anchorname1">...</a>
文本与锚点不存与同一页面：<a href="页面URL#anchorname1">...</a>
二. 表格
用<table></table> 标记。
<tr></tr> 创建表行，
<td></td>创建单元格。

如：<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，设置表格宽度
height，设置表格⾼高度
align，设置表格对⻬齐⽅方式(left|center|right)
border，设置表格边框宽度
cellpadding，设置内边距(单元格边框与内容之间的距离)
cellspacing，设置外边距(单元格之间的距离)
bgcolor，设置表格背景颜⾊色

2.• <tr>元素
– align，设置⽔水平对⻬齐⽅方式(left|center|right)
– valign，设置垂直对⻬齐⽅方式(top|middle|bottom)
• <td>元素
– align，设置⽔水平对⻬齐⽅方式(left|center|right)
– valign，设置垂直对⻬齐⽅方式(top|middle|bottom)
– width，设置宽度
– height，设置⾼高度
– colspan，设置单元格跨列
– rowspan，设置单元格跨⾏行
3.表格的标题<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
– ⽔水平⽅方向延伸单元格，值为⼀一正整数，代表此单元格⽔水平延伸的单元格数
• 跨⾏行：rowspan
– 垂直⽅方向延伸单元格，值为⼀一正整数，代表此单元格垂直延伸的单元格数

表格嵌套：即在<td>单元格。元素中加<table>。
七. 列表
1.有序列表<ol>
<ol> 元素中只能包含列表项元素 <li>

<ol type="列表类型" start="起始编号">
<li>…</li>
<li>…</li>
…
</ol>

type 属性值
– 1，数字(默认)
– a，⼩小写字⺟母
– A，⼤大写字⺟母
– i，⼩小写罗⻢马数字
– I，⼤大写罗⻢马数字
start=后面写数字
若<ol type="A" start="3">则列表从C开始即CDEFG。
其余一样。

2.无序列表<ul>

<ul type="列表类型" >
<li>…</li>
<li>…</li>
…
</ul>

type 属性值
– disc，实⼼心圆(默认)
– circle，空⼼心圆
– square，实⼼心矩形
3.列表嵌套，在<li>里加<ul>。

                              写到最后，夸一下简书，这一片我写到列表开始的时候，突然断电，还没发表保存，我以为我花一两小时的第二篇就这么没了，当时个个心碎啊。但我再次打开的时候，竟然还在。欣喜若狂。
      但是，我不知道怎样把截图放在上面来.............




                                                                                             2016.05.13