115-html表单和表格

相对地址和绝对地址
<img src="images/001.jpg" alt="picture" />

<a href="002.html">go to 002 </a>

<link rel="stylesheet" type="text/css" href="css/main.css" />

<script type="text/javascript" src="js/jquery.js"></script>

绝对地址
<img src="c:/abc/aaa.jpg">

我们写的时候,尽量使用相对地址,也就是相对路径



我们写一下列表标签
<ul> 
	<li>aaa</li>
	<li>aaa</li>
	<li>aaa</li>
</ul>

我们可以用快速的方法
ul> li*5

如果我们想要在li里面嵌套a

ul> li*5 >a

也可以这样
ul> (li> a)*5

如果再嵌套img
ul> (li>a>img) *5



修改一下列表的样式
.list{
	list-style:none;
	list-style-image: url("./images/star.jpg");
	padding: 16px;
}

.list li{
	line-height:30px;
	font-size: 20px;
	border-bottom: 1px solid lightblue;
}





说一下html表单
表单用于收集信息,表单由不同类型的标签来组成
1.<form>标签,对应整体表单区域
action属性 定义表单数据提交地址
method属性 定义表单提交的方式,一般有get和post两种方式

2.<lable>标签,为表单元素定义文字标注

3.<input>标签,定义通用的表单元素
type属性
	type="text"
	type="password"
	type="submit"
	radio
	checkbox
	file
	reset
	button

4.<textarea>标签,定义多行文本输入框

5.<select>标签,定义下拉表单元素

6.<option>标签,与select配合



body清除外边距
body{
	margin: 0px;
}



<p>
	<label>性别 </label>
	<input type="radio" name="gender">男
	<input type="radio" name="gender">女
</p>


三种提交按钮
<p>
	<input type="submit" value="提交">
	<input type="reset" value="重置">
	<input type="button" value="普通">
</p>




表格
<table>
	<tr>
		<th>id</th>
		<td>001</td>
		<td>002</td>
	</tr>
	<tr>
		<th>name</th>
		<td>aaa</td>
		<td>bbb</td>
	</tr>
</table>