1.1 建立数字编号的列表
1. 使用<ol>和<li>标签创建带数字编号的列表；
2. 在<ol>标签中使用start属性，设置起始的序号；
3. 在<li>标签中使用value属性，改变列表内的编号顺序。
<ol start="5">
<li>Java</li>
<li>Jsp</li>
<li>VC++</li>
<li>VB</li>
<li>C++</li>
</ol>
1.2 指定编号的格式和顺序
在<ol>和<li>标签中，使用type属性指定编号系统的类型。type属性的取值如下表所示：
| 属性值 | 数字风格 |
|---|
| A | 使用大写字母ABCD… |
| a | 使用小写字母abcd… |
| I | 大写罗马数字I II III |
| i | 小写罗马数字 i ii iii |
| 1 | 阿拉伯数字123 |
<ol type="A">
<li>Java</li>
<li>Jsp</li>
<li>VC++</li>
<li>VB</li>
<li>C++</li>
</ol>
1.3 建立带有项目符号的列表
- disc——显示为实心的圆圈
- square——实心方块
- circle——空心圆圈
<ol type="disc">
<li>Java</li>
<li>Jsp</li>
<li>VC++</li>
<li>VB</li>
<li>C++</li>
</ol>
<ol type="square">
<li>Java</li>
<li>Jsp</li>
<li>VC++</li>
<li>VB</li>
<li>C++</li>
</ol>
<ol type="circle">
<li>Java</li>
<li>Jsp</li>
<li>VC++</li>
<li>VB</li>
<li>C++</li>
</ol>
1.4 建立无符号的列表
使用<dl> 与<dt>标签创建无符号的列表;
使用<dd>标签替换<dt>,创建缩进的列表.
<dl><meta charset="utf-8"/>
<dt>HTML
<dd>超文本标记语言
<dt>HTTP
<dd>超文本传输协议
</dl>
2.1 定义表格
表格是用<table>元素来定义的：
<table border=n align="alignment" bgcolor="clr">...</table>
属性border用于定义表格边框的宽度，如果border=0，那么表格边框没有宽度，如果忽略border属性，浏览器将不会显示边框，这和border=0是一样的效果。
属性align用于设定表格的对齐方式，alignment可以是left、center、right。
属性bgcolor用于指定表格的背景色。
标题：<caption>...</caption>
新行：<tr align="alignment" valign="alignment">...</tr>;
属性valign用于指定这一行在垂直方向上的对齐方式，alignment可以是top、middle、bottom。
表头：<th>...</th>
单元格：<td>...</td>
<html>
<head><meta charset="utf-8" />
<title>表格的例子</title>
</head>
<body>
<table border="1" align="center" bgcolor="#ffdddd">
<caption>2019年度期末考试成绩单</caption>
<tr align="center" valign="middle">
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
<tr align="center" valign="middle">
<th>张三</th>
<th>98</th>
<th>98</th>
<th>98</th>
</tr>
<tr align="center" valign="middle">
<th>李四</th>
<th>78</th>
<th>78</th>
<th>78</th>
</tr>
<tr align="center" valign="middle">
<th>赵武</th>
<th>85</th>
<th>85</th>
<th>85</th>
</tr>
</table>
</body>
</html>
3.1 浏览器提交表单与服务器的交互过程
3.2 表单的创建
<form method="get or post" action="URL">
...
</form>
- 属性method用于指定向服务器发送表单数据时使用的HTTP方法，可以是get或者post两种方法中的一种，get是缺省的方法。
- 当采用get方法提交表单时，提交的数据被附加到URL（在属性action中指定）的末端，作为URL的一部分发送到服务器端。例如：指定action=“reg.jsp”，当提交表单后，在浏览器的地址栏中，我们会看到下面的信息：
http:locahost:8080/reg.jsp?user=zhangsan&pwd123 - post方法是将表单中的信息作为一个数据块发送到服务器端。无论采用哪一种方法，数据的编码都是相同的，
格式为：name1=value1&name2=value2. - 属性action指定对表单进行处理的脚本地址。也就是说，表单提交到服务器后，交由谁来处理，在action属性中指定处理者的URL。
3.3 input元素
<input>元素是一个带有属性的空元素，用来创建表单中的控件，其语法是：
<input type="type" name="name" size="size" value="value">
type:创建控件的类型；
name:控件的名称；
size：控件的初始宽度；
value:控件初始值。
<tr>
<td>性 别：
<input type="radio" name="sex" value="1" checked />男
<input type="radio" name="sex" value="0" />女
</td>
</tr>
<tr>
<td>兴趣爱好：
<input type="checkbox" name="interest" value="football" />足球
<input type="checkbox" name="interest" value="basketball" />篮球
<input type="checkbox" name="interest" value="volleyball" />排球
<input type="checkbox" name="interest" value="swim" />游泳
</td>
</tr>
3.4 列表框
列表框由<select>元素创建，列表框中各个选项用<option>元素提供。
<tr>
<td>最高学历：
<select size="1" name="education">
<option value="" selected>...</option>
<option value="高中">高中</option>
<option value="大学">大学</option>
<option value="硕士">硕士</option>
<option value="博士">博士</option>
</select>
</td>
</tr>
3.5 多行文本输入控件
<textarea name="personal" rows="5" cols="30">个人简介</textarea>
3316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
