一、基础知识
- 1.一个html文件开始和结束的标签<html></html>
- 2.html的两部分<head>设置相关信息</head>,<body>页面的内容显示都写在这里</body>
- 3.html的代码不区分大小写的
- 4.<br/>换行，<hr/>换行且有下划线。这两个都是没有结束标签的。
- 5.如果图片在所有目录的上层目录day01,怎么表示上层目录 ../,怎么表示上层的上层 ../../
- 6.超链接<a href="链接到资源的路径“>显示在页面上的内容</a>
- 当超链接不需要任何的地址可以加一个#，<a href="#“>这是一个超链接</a>
- href:链接的资源的地址
- target设置打开的方式，默认是在当前页打开 target="_self"，target=“_blank"在一个新窗口打开
- 7.定位资源
- 定义一个位置<a name="top">顶部</a>
- 回到这个顶部<a href="#top">回到顶部</a>
- 8.<pre>可以原样输出</pre>
二、表格标签
- 好处：可以对数据进行格式化，使数据显示更加清晰
- <table></table>表示表格的范围
- border表格线
- bordercolor表格线的颜色
- cellspacing单元格之间的距离
- width表格的宽度
- height高度
- table里面有<tr></tr>,<tr>里面有<td></td>
三、表单标签
<form></form>定义一个表单的范围
输入项：可以输入内容或者选择内容的部分
<input type="输入项的类型"/>
普通输入项：<input type="text"/>
密码输入项：<input type="password"/>
单选输入框：<input type="radio"/>
注意<input type="radio" name="sex" nav="nv"/>女
<input type="radio" name="sex" nav="nan"/>男<br/>
可以看出name的属性值必须相同
复选输入项：<input type="checkbox"/>
注意：
爱好：<input type="checkbox" name="love" value="y">羽毛球
<input type="checkbox" name="love" value="p">兵乓球
<input type="checkbox" name="love" value="pp">排球
可以看出name的属性值必须相同
下拉输入项<不是在input标签里面的>
<select name="birth">
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<select>
文件输入项<input type="file"/>