1.什么是html
html是一种超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
2.html的语法
- html文档后缀名.html或者.htm
- 标签分成
-
1.围堵标签：有开始和结束标签和结束标签。如<html></html> -
2.自闭和标签：开始标签和结束标签。如<br/>（换行） - 标签可以嵌套
-
要正确嵌套，不能你中有我，我中有你 -
正确：<a><b></b></a> -
错误：<a><b></a></b> - 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号引起来
3.代码
<html>
<head>
<title>标题</title>
</head>
<body>
文体
</body>
</html>
4.构成
<html></html>:文档根标签
<head></head>：头标签
<title> </title>:标题标签
<body></body>：体标签
5.案例：人人网注册
**代码**
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table>
<tr>
<td>
<img src="D:\Program Files (x86)\gakataka\recv\01 上机练习素材\练习2：人人网注册页面\image/renren_titile.gif">
</td>
</tr>
<tr>
<td>
人人网，中国<b>最实在,最有效</b>的社会平台，加入人人网，找回老朋友，结交新朋友。
</td>
</tr>
<tr>
<td>
<form>
<label for="email">
电子邮箱：
</label>
<input id="email" type="email" name="email"><br/>
<label for="password">
设置密码：
</label>
<input id="password" type="password" name="password"><br/>
<label for="usename">
真实姓名：
</label>
<input id="usename" type="text" name="usename"><br/>
<label for="gender">
性别：
</label>
<input id="gender" type="radio" name="gender" value="men" checked>男
<input type="radio" name="gender" value="women">女
<br/>
生日：
<select name="birthday">
<option value="">1991</option>
<option value="">1992</option>
<option value="">1993</option>
</select>
年
<select name="birthday">
<option value="">11</option>
<option value="">12</option>
<option value="">01</option>
</select>
月
<select name="birtthday">
<option value="">30</option>
<option value="">31</option>
<option value="">01</option>
</select>
日
<br/>
为什么要填写我的生日？
<br/>
我现在：
<select name="identity">
<option value="">请选择身份</option>
<option value="">医生</option>
<option value="">老师</option>
</select>
(非常重要)
<br/>
<input type="image" src="D:\Program Files (x86)\gakataka\recv\01 上机练习素材\练习2：人人网注册页面\image/renren_code.gif">
<a href="#">看不清换一张？</a>
<br/>
<label for="taxt">
验证码：
</label>
<input id="taxt" type="password" name="taxt"><br/>
<input type="image" src="D:\Program Files (x86)\gakataka\recv\01 上机练习素材\练习2：人人网注册页面\image/renren.gif">
</form>
</td>
</tr>
</table>
</body>
</html>
此案例用到的**标签**
1.**表格**标签：<table> 标签来定义表格。<tr> 标签定义表格均有若干行，<td> 标签定义每行被分割的单元格。
2.图片标签：<img src="图片位置">
img:展示图片 src:**属性**指定图片位置
3.**文本**标签：<b></b>字体加粗
4.**<form>** 标签输入创建 表单
<input> 标签用于搜集用户信息，在 HTML 中，<input> 标签没有结束标签
**属性**：type:规定 input 元素的类型
name:定义 input 元素的名称
value:规定 input 元素的值
5. <label> 标签用于定义标记，label 元素内点击文本，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性必须与相关元素的 id 属性相同
6.<select> 标签用于创建单选或多选菜单
<option>标签用于定义列表中的选项
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
