html基础-2天三种列表格form 1教学表单.pptx

HTML第二天课程;1.1;width宽度

height高度

strong加粗

font文本

background背景

border边框

;HTML为这些特殊字符准备了专门的替代代码;列表（list）;无序列表ul

无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

在上面的语法中，ul/ul标记用于定义无序列表，li/li标记嵌套在ul/ul标记中，用于描述具体的列表项，每对ul/ul中至少应包含一对li/li。;无序列表ul

无序列表中type属性的常用值有三个，它们呈现的效果不同，具体如下表所示。

;有序列表ol

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：

在上面的语法中，ol/ol标记用于定义有序列表，li/li为具体的列表项，和无序列表类似，每对ol/ol中也至少应包含一对li/li。;有序列表ol

在有序列表中，除了type属性之外，还可以为ol定义start属性、为li定义value属性，它们决定有序列表的项目符号，其取值和含义如下表所示。

;定义列表dl

定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：

;自定义列表;表格有话说;创建表格

在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：

;创建表格

在上面的语法中包含三对HTML标记，分别为table/table、tr/tr、td/td，他们是创建表格的基本标记，缺一不可，下面对他们进行具体地解释。

table/table：用于定义一个表格。

tr/tr：用于定义表格中的一行，必须嵌套在table/table标记中，在table/table中包含几对tr/tr，就有几行表格。

td/td：用于定义表格中的单元格，必须嵌套在tr/tr标记中，一对tr/tr中包含几对td/td，就表示该行中有多少列（或多少个单元格）。;创建表格;table标记的属性;caption元素定义表格标题;th标记及其属性;表格的结构;表格结构（sohu）;对于表格的评价;表单;对于表单构成中的表单控件、提示信息和表单域，初学者可能比较难理解，对他们的具体解释如下：

表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

表单域：他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。;在HTML中，form/form标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form/form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

在上面的语法中，form与/form之间的表单控件是由用户自定义的，action、method和name为表单标记form的常用属性。

Action

在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。;method

method属性用于设置表单数据的提交方式，其取值为get或post。

name

name属性用于指定表单的名称，以区分同一个页面中的多个表单。

;input控件;input控件;textarea控件;select控件;select控件;select控件;组合表单

;表单;总结