网页：通常是 HTML 格式文件，它是通过浏览器来阅读
网页组成：图片、链接、文字、声音、视频等元素组成，文件后缀通常为 .htm 或 .html
HTML：超文本标记语言（Hyper Text Language）（非编程语言）（标记语言(markup language)），它是用描述网页的一种语言
标记语言：一套标记标签（markup tag）
超文本：
- 可以加入图片、声音、动画、多媒体等内容（超越文本限制）
- 可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）
常用浏览器：IE、Google、Edge、Safari、Opera、firefox
浏览器内核：渲染引擎，负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
| 浏览器 | 内核 | 备注 |
| IE | Trident | IE、360、baidu |
| firefox | Gecko | firefox |
| Safari | Webkit | Safari |
| chrome/Opera | Blink | Webkit 分支 |
web
Web 标准：由 W3C 组织（万维网联盟）和其他标准化组织制定的一系列标准集合
浏览器不同，显示页面或排版就有些差异
Web 标准优点：
- 发展前景
- 被更广泛的设备访问
- 容易被搜索引擎搜索
- 降低网站流量费用
- 更易于维护
- 提高网页浏览速度
web 标准构成：
| 标准 | 说明 |
| 结构（身体） | 网页元素进行整理分类，主要 HTML |
| 表现（外观） | 网页元素的版式、颜色、大小等外观样式，主要 CSS |
| 行为（动作） | 页面模型的定义以及交互编写，主要 JavaScript |
HTML 标签
HTML 语法规范：
- 标签基本语法
1、HTML 标签是由尖括号包围的关键字，如 <title>
2、HTML 标签通常是成对出现的，例如 <title> 和 </title>，我们称为双标签，第一个是开始标签，第二个是结束标签
3、有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签
- 标签关系
双标签关系可以分为两类：包含关系和并列关系
包含关系：
<head>
<title></title>
</head>并列关系：
<head></head>
<body></body>HTML 基本结构标签：
- 框架标签
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
Hello Web
</body>
</html>
| 标签名 | 定义 | 说明 |
| <html></html> | HTML标签 | 页面中最大的标签，根标签 |
| <head></head> | 文档头部 | 在head标签里必须要设置的标签是title |
| <title></title> | 文档标题 | 网页标题 |
| <body></body> | 文档主体 | 页面内容 |
HTML 文件的后缀名必须是 .html 或 .htm，浏览器的作用是读取 HTML 文档，并以网页的形式显示出来，此时，用浏览器打开这个网页，我们就可以预览我们写的第一个 HTML 文件了
网页开发工具
工具的作用主要是减少一定的工作量，便于阅读代码
VSCode 工具生成骨架标签新增代码
- <!DOCTYPE>标签
- lang 语言
- charset 字符集
<!DOCTYPE> 文档类型声明标签（不是HTML标签），作用：告诉浏览器哪种 HTML 版本来显示网页
<!DOCTYPE html>意思是当前页面采取的是 HTML5 版本来显示页面（写在第一行）
lang 语言
- en 定义语言为英语
- ch-CN 定义语言为中文
- fr 定义为法语
en 说明网站为英文网站，定义为 ch-CN 说明网站为中文网站
<html lang = "ch-CN">主要是针对浏览器做的设置，例如翻译功能
charset 字符集
多个字符集的集合，以便计算机能够识别和存储各种文字。
在 <head> 标签内，可以通过 <meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码
<meta charset = "UTF8"/>charset 常用的值有 GB2312、BIG5、GBK 和 UTF-8，其中 UTF-8 也别称为万国码，基本包含全世界所有国家常用到的字符。不写可能造成乱码情况。
HTML 常用标签
标题标签
为了使网页更具语义化，我们经常在网页中用到标题标签，html 提供 6 个等级标签，即 h1 到 h6
<h1>我是一级标签</h1>h 是单词 head 的意思。
标签语义：作为标题使用
特点：加了标题的文字会变的加粗，字号也会变大
段落标签
在网页中，把字体有条理的显示出来，就需要将这些文字分段显示出来，在 HTML 中，<p> 标签用于定义段落，它可以将整个网页分为若干个段落。
<p>这是一个段落标签</p>单词 paragraph（段落） 的缩写。HTML 中不是使用回车就可以对大段文字进行分段，需要使用换行标签。
html 中输入多个空格只会显示一个空格。
文本在一个段落中会根据浏览器窗口的大小自动换行，段落和段落之间有一定的空隙。
换行标签
在 HTML 中一个段落的文字会从左到右依次排序，直到浏览器窗口的右端，然后才自动换行，如果希望某段文本强制换行显示，就需要使用换行标签<br />。
<br />单词 break （打断）缩写。
<br> 是单标签，只是简单的换行，段落的换行还另加两行之间的空隙。
文本格式化标签
在网页中，有时需要文本字体加粗，斜体，下划线等效果，这时就需要 HTML 中的文本格式化标签，使文字以特殊的形式显示，标签语义，突出强调。
| 语义 | 标签 | 说明 |
| 加粗 | <strong></strong>或者<b></b> | 使用<strong> |
| 倾斜 | <em></em>或者<i></i> | 使用<em> |
| 删除线 | <del></del>或者<s></s> | 使用<del> |
| 下划线 | <ins></ins>或者<u></u> | 使用<ins> |
代码的可读性，使用与语义有直接关系的标签。
盒子标签
这两个标签没有语义，他们就是一个盒子，用来装内容。
<div>分区标签</div>
<span>布局标签</span>div 是 division （分割）的缩写，span（跨度）。
div 标签用来布局，但是现在一行只能放一个 <div> ，大盒子，独占一行。
<span> 标签用来布局，一行可以有多个<span>，小盒子。
图像标签
图片标签
在 HTML 中，<img> 标签用于定义 HTML 页面中的图像，这是一个单标签。
<img src="图像URL"/>img 是 image 缩写，src 是 <img> 标签的必须属性，它指定图像文件的路径和文档名。
将图片文件放到 html 文件的位置，在图像 URL 填写图片名称和后缀
| 属性 | 属性值 | 说明 |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本，图片不能显示时显示的文字 |
| title | 文本 | 提示文本、鼠标放在图片上显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
<img src="test.png" alt="显示失败"/>当图片显示不出来的时候才会显示 alt 文本。
提示文本，当鼠标停留在图片上就会显示提示文本。
对于图片像素的调整，只需要调整高度或者宽度，他会自动等比例进行修改，同时修改高度和宽度不易控制（需要使用图像工具）。
<img src="test.jpg" alt="显示失败" title="这是一张图片" width="1000" border="15" />
- 图像标签可以有多个属性，必须写在标题名的后面。
src、alt、title、width、border、height 都是放在标签 img 后面的。
- 属性之间不分先后顺序的，标题名与属性、属性与属性之间均与空格分开
- 属性采取键值对的格式，即 key = "value" 的格式，属性 = "属性值"
路径
1、目录文件夹和根目录
普通文件夹，里面放着网站素材，html、图片文件等
2、根目录
打开目录文件的第一层就是根目录
1、相对路径
以引用文件所在的位置作为参考基础，图片相对于 HTML 页面的位置
| 相对路径分类 | 符号 | 说明 |
| 同一级路径 | 图像文件相对于HTML文件同一级，如<img src="test.png"> | |
| 下一级路径 | / | 图像文件位于HTML文件下一级，如<img src="images/test.png"> |
| 上一级路径 | ../ | 图片文件位于HTML文件上一级，如<img src="../test.png"> |
2、绝对路径
指目录下的绝对路径，直接到达目标位置，通常是以盘符开始的路径
如："C:\Users\Xuan\Pictures\vs" 或者网络地址（URL）"http://www.images/i1.png"
超链接标签
在 HTML 标签中，<a> 标签用于定义超链接操作，作用是从一个网页链接到另一个网页。
超链接语法格式
<a href="跳转目标" target="目标窗口的弹出方式">文本或者图像（点击跳转）</a>
a 是单词 anchor （锚）的缩写
| 属性 | 作用 |
| href | 指定链接目标URL地址，必须属性，作为标签应用到href时，具有超链接功能 |
| target | 指定链接页面的打开方式，其中_self为默认值，_blank在新窗口打开 |
链接分类
1、外部链接
跳转到外部链接，如<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" target="_self">百度</a>2、内部链接
网站内部之间的相互链接，直接链接内部页面名称即可，如<a href="index.html">首页<a>
<a href="index.html">网站首页</a>3、空链接
如果当时没有确定的链接目标时（点不进去），<a href="#">空链接</a>
<a href="#">空连接</a>4、下载链接
如果 href 里地址是一个文件或者压缩包，会下载这个文件。
<a href="test.zip">下载链接</a>5、网页元素链接
在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加链接。
<a href="http://www.baidu.com"><img src="test.jpg"></a>6、锚点链接
点击链接可以定位到页面中的某个位置。（一般网页中的回到顶部就是这个方法）
- 在连接文本的 href 属性中，设置属性值为 #名字 的形式，如 <a href="#two">第二段</a>
- 找到目标位置标签，标签里面添加一个 id 属性="刚才的名字"，如 <h3 id="two">第二段内容</h3>
<a href="#two">跳转到two</a>
<h1 id="two">这是跳转到的位置</h1>注释
注释，以 “<!--” 开头，以 “-->” 结尾，帮助理解代码，快捷键 CTRL+/
<!-- 这里写注释 -->
特殊字符
| 特殊字符 | 描述 | 字符的代码 |
| 空格符 |  ； | |
| < | 小于号 | <； |
| > | 大于号 | >； |
| & | 和号 | &； |
| ￥ | 人民币 | ¥； |
| c | 版权 | ©； |
| r | 注册商标 | ®； |
| 。 | 摄氏度 | °； |
| ± | 正负号 | ±； |
| × | 乘号 | ×； |
| ÷ | 除号 | ÷； |
| 2 | 平方2 | ²； |
| 3 | 立方3 | ³ |
表格标签
基本语法
<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>1、<table></table> 是用于定义表格的标签
2、<tr></tr> 标签用于定义表格中的行，必须在<table></table>标签中
3、<td></td> 用于定义表格中的单元格，必须嵌套在 <tr></tr>标签中
4、字母 td 指表格数据（table data），即数据单元的内容
表头标签
<th>表头标签</th>table 的 h 级别标签
表格属性
表格标签这部分属性实际开发中不常用
| 属性名 | 属性值 | 描述 |
| align | left、center、right | 规定表格相对周围元素的对齐方式 |
| border | 1或“” | 规定表格单元是否拥有边框，默认为“”，表示·没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认为1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白，默认为2像素 |
| width | 像素值或百分比 | 规定表格的宽度 |
使用案例：
<!DOCTYPE html>
<html lang="ch-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格案例</title>
</head>
<body>
<table width="700" height="300" border="1" cellspacing="0" align="center">
<tr>
<th>排名</th>
<th>关键字</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七天</th>
<th>相关链接</th>
</tr>
<tr>
<td><center>1</center></td>
<td><center>鬼吹灯</center></td>
<td><center><font size="5" color="green">+</font></center></td>
<td><center>432</center></td>
<td><center>5432</center></td>
<td><center>
<a href="https://baike.baidu.com/item/%E9%AC%BC%E5%90%B9%E7%81%AF/10790?fr=aladdin" target="_blank">鬼吹灯_百度百科</a>
</center></td>
</tr>
<tr>
<td><center>2</center></td>
<td><center>盗墓笔记</center></td>
<td><center><font size="5" color="green">+</font></center></td>
<td><center>231</center></td>
<td><center>32</center></td>
<td><center>
<a href="https://baike.baidu.com/item/%E7%9B%97%E5%A2%93%E7%AC%94%E8%AE%B0/21859?fr=aladdin" target="_blank">盗墓笔记_百度百科</a>
</center></td>
</tr>
<tr>
<td><center>3</center></td>
<td><center>西游记</center></td>
<td><center><font size="5" color="red">-</font></center></td>
<td><center>321</center></td>
<td><center>43</center></td>
<td><center>
<a href="https://baike.baidu.com/item/%E8%A5%BF%E6%B8%B8%E8%AE%B0/5723?fromModule=lemma_search-box" target="_blank">西游记_百度百科</a>
</center></td>
</tr>
<tr>
<td><center>4</center></td>
<td><center>水浒传</center></td>
<td><center><font size="5" color="red">-</font></center></td>
<td><center>543</center></td>
<td><center>541</center></td>
<td><center>
<a href="https://baike.baidu.com/item/%E6%B0%B4%E6%B5%92%E4%BC%A0/348?fromModule=lemma_search-box" target="_blank">水浒传_百度百科</a>
</center></td>
</tr>
<tr>
<td><center>5</center></td>
<td><center>红楼梦</center></td>
<td><center><font size="5" color="green">+</font></center></td>
<td><center>432</center></td>
<td><center>421</center></td>
<td><center>
<a href="https://baike.baidu.com/item/%E7%BA%A2%E6%A5%BC%E6%A2%A6/15311" target="_blank">红楼梦_百度百科</a>
</center></td>
</tr>
</table>
</body>
</html>
表格结构标签
使用场景：因为表格可能很长，将表格分割为表格头部和表格主体两个部分。
在表格标签中，分别使用：<thead> 标签的头部区域，<tbody> 标签表格的主体区域
主要是让表格看起来更具有语义。
<thead> 内部必须有<tr>标签，一般位于第一行
合并单元格
多个单元格合并成一个单元格
合并单元格的方式：
- 跨行合并：rowspan="合并单元格的个数"
- 跨列合并：colspan="合并单元格的个数"
合并单元格三部曲：
- 先确定是跨行还是跨列合并
- 找到目标单元格，写上合并方式=合并的单元格数量，比如：<td colspan="2"></td>
- 删除多于单元格
列表标签
三大类：(还有两个种类：菜单、目录，但用的不多，因为可以被下面三种替代)
- 无序列表
- 有序列表
- 自定义列表
1、无序列表（重要）
<ul> 标签表示 html 页面中项目的无序列表，一般以项目符号呈现列表项，而列表项使用 <li> 标签定义。<ul> 标签中只能放 <li> 标签
- 无需标签的各个列表之间没有顺序之分，是并列的
- <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>中输入其他标签或者文字是不被允许的
- <li>与</li>之间相当于一个容器，可以容纳所有元素
- 无序列表会带有自己的样式属性，但在实际使用中，使用css来设置
ul 的标签属性可以用 type 来设置，type="disc"
| disc | 指定项目符号为实心圆点（ie浏览器默认为这个选项） |
| circle | 指定项目符号为空心圆点 |
| square | 定于项目符号为实心方块 |
2、有序列表
<ol>标签用于定义有序列表，列表排序以数字来显示，并使用<li>标签来定义列表项
- <ol></ol> 中只能嵌套<li></li>，直接在其中输入其他标签或者文字的做法不被允许
- <li>与</li>之间相当于一个容器，可以容纳所有元素
- 有序列表带有自己的属性样式，但在实际开发中，使用css
3、自定义列表（重要）
<dl>标签用于自定义列表（定义列表），该标记会与<dt>（定义项目/名称）和<dd>（描述每一个项目/名称）一起使用
- <dl></dl>里面只能包含<dt>和<dd>
- <dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
表单标签
表单目的是收集用户信息
在 HTML 中，一个完整的表单通常用表单域、表单控件（也成为表单元素）和提示信息3个部分组成
表单域
表单域是一个包含单元元素的区域
在HTML中，<form>标签用于定义表单域，以实现用户信息的传递。
<form>会把他范围内的表单元素信息提交给服务器。
<form action="URL地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>常用属性：
| 属性 | 属性值 | 作用 |
| action | url地址 | 用于指定接受并处理表单数据的服务器程序的url地址 |
| method | get/post | 用于设置表单中数据的提交方式，其取值为get或post |
| name | 名称 | 用于指定表单的名称，以区分同一个页面中的多个表单域 |
<input>输入表单标签
英文单词中，input是输入的意思，而在表单元素中<input>标签用于收集用户信息
在<input>标签中，包含一个type属性，根据不同的type属性值，输入字段拥有很多形式（可以是文本字段、复选框、掩码后的文件控件、单选按钮、按钮）
<input type="属性值"/>
type属性：
| 属性值 | 描述 |
| button | 定义可点击的按钮（多数情况下，通过JavaScript启动脚本）。 |
| checkbox | 定义复选框。 |
| file | 定义输入字段和"浏览"按钮，提供文件上传。 |
| hidden | 定义隐藏的输入字段。 |
| image | 定义图形形式的按钮。 |
| password | 定义密码字段，该字段中的字符被掩码。 |
| radio | 定义单选按钮。 |
| reset | 定义重置按钮，重置按钮会清楚表单中所有数据。 |
| submit | 定义提交按钮，提交按钮会把表单数据发送到服务器。 |
| text | 定义单行输入字段，用户可在其中输入文本，默认宽度为20个字符。 |
除type属性外还有其他属性，<input>标签还有其他很多属性，常用：
| 属性 | 属性值 | 描述 |
| name | 由用户定义 | 定义input元素的名称 |
| value | 由用户定义 | 规定input元素的值 |
| checked | checked | 规定input元素首次加载时应当被选中 |
| maxlenght | 正整数 | 规定输入字段中的字符的最大长度 |
- name 和 value是每一个表单元素都有的属性，主要是给后端人员使用。
- name 表单的名字，要求 表单按钮和复选框要有相同的name值，这样就可以多选一
type 属性的属性及其描述如下：
| 属性值 | 描述 |
| button | 定义可点击的按钮（多数情况下用JavaScript启动脚本） |
| checkbox | 定义复选框 |
| file | 定义输入字段和“浏览”按钮，供文件上传 |
| hidden | 定义隐藏的输入字段 |
| image | 定义图像形式的提交按钮 |
| password | 定义密码字段。该字段中的字符被掩码 |
| radio | 定义单选按钮 |
| reset | 定义重复按钮，重复按钮 |
| submit | 定义提交按钮，提交按钮会把表单数据发送到服务器 |
| text | 定义单行的输入字段，用户可在其中输入文本，默认为20个字符 |
测试案例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="URL地址" method="提交方式" name="表单域名称">
<!-- text 文本框，用户自定义输入任何文字 -->
<!-- maxlength 设置最多字符 -->
用户名: <input type="text" value="请输入用户名" maxlength="6"> <br>
<!-- password 密码框，用户看不到输入的内容 -->
密码:<input type="password"> <br>
<!-- name 是表单元素名字，这里性别单选按钮必须又相同的名字name，才可与实现多选 1 -->
<!-- radio 单选框，可以实现多选 -->
<!-- 单选按钮和复选框可以设置 checked 属性，当页面打开时默认勾选这个按钮 -->
性别:<input type="radio" name="sex">女<input type="radio" name="sex" checked="checked">男 <br>
<!-- checkbox 实现多选 -->
爱好:干饭<input type="checkbox" checked="checked">睡觉<input type="checkbox" checked="checked"> <br>
<!-- submit 提交按钮，可以把表单域 form 里面的表单元素 里面的值 提交给后台 -->
<input type="submit" value="注册">
<!--reset 重置充按钮， 恢复到表单原先状态 -->
<input type="reset" value="重新填写"><br>
<!-- button 普通按钮 -->
<input type="button" value="普通按钮"><br>
<!-- file 上传文件按钮 -->
上传文件<input type="file">
</form>
</body>
</html>
<label> 标签
<label>标签为 input 元素定义标注（标签）
label标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上用于增加用户体验。
<label for="name">用户名:</label> <input type="text" id="name"><br>
<input type="radio" id="sex"> <label for="sex">男</label><label> 标签的for属性应当与相关元素的id属性相同。
<select> 下拉表单元素
使用场景，在页面中多个选项让用户选择，并且想节约页面空间，可以使用 <select> 标签控件定义下拉列表。
- select 中至少定义包含一对 option<>
- 在<option> 中定义 selected="selected" 时，当前项即为默认选中项
<textarea> 文本域元素
不同于文本框，当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签
在标签内部写的文字就都是默认文字。
cols=“每行中的字符数”，rows=“显示的行数”，实际开发中不适用，用css来改变大小。
<textarea cols="30" rows="2">这里写一些问题</textarea>总结案例
<!DOCTYPE html>
<html lang="ch-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table align="center" width="60%">
<tr>
<th colspan="2">·个人表单·</th>
</tr>
<!-- 第一行 姓名 -->
<tr>
<td>姓名</td>
<td>
<input type="text" maxlength="10">
</td>
</tr>
<!-- 第二行 性别 -->
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" id="man">
<label for="man">♂男</label>
<input type="radio" name="sex" id="woman">
<label for="woman">♀女</label>
</td>
</tr>
<!-- 第三行 生日 -->
<tr>
<td>生日</td>
<td>
<!-- 年 -->
<select>
<option selected="selected">--请选择年--</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
</select>
<!-- 月 -->
<select>
<option selected="selected">--请选择月--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<!-- 日 -->
<select>
<option selected="selected">--请选择日--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
</td>
</tr>
<!-- 第四行 所在地点 -->
<tr>
<td>所在地点</td>
<td><input type="text" value="所在地填写"></td>
</tr>
<!-- 第五行 婚姻状况 -->
<tr>
<td>婚姻状况</td>
<td>
<input type="radio" name="marriage" id="married">
<label for="married">已婚</label>
<input type="radio" name="marriage" id="unmarried">
<label for="unmarried">未婚</label>
<input type="radio" name="marriage" id="divorce">
<label for="divorce">离婚</label>
</td>
</tr>
<!-- 第六行 学历 -->
<tr>
<td>学历</td>
<td>
<select>
<option selected="selected">--请选择学历--</option>
<option>本科</option>
<option>研究生</option>
<option>硕士</option>
<option>博士</option>
</select>
</td>
</tr>
<!-- 第七行 自我介绍 -->
<tr>
<td>自我介绍</td>
<td>
<textarea cols="30" rows="3">简短的自我介绍</textarea>
</td>
</tr>
<!-- 第八行 提交按钮 -->
<tr>
<td></td>
<td>
<input type="submit" value="免费注册">
</td>
</tr>
<!-- 第九行 同意协议 -->
<tr>
<td></td>
<td>
<input type="checkbox" checked="checked" id="agreement">
<label for="agreement">我同意<a href="#"><font color="red">注册条款</font></a>和<a href="#"><font color="red">会员加入标准</font></a></label>
</td>
</tr>
<!-- 第十行 是会员改为登录 -->
<tr>
<td></td>
<td><a href="#">我是会员，立即登录</a></td>
</tr>
<!-- 第十一行 承诺 -->
<tr>
<td></td>
<td>
<p><b>承诺</b></p>
<ul type="circle">
<li>网络并非法外之地，本人自觉遵守网络安全与秩序</li>
</ul>
</td>
</tr>
<!-- -->
</table>
</body>
</html>效果：
1060
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
