[互联网]第二章_HTML.ppt

2.4? 列表标签 HTML有三种列表形式： 无序列表(ul) 项目各条列间并无顺序关系，在各条列前面均有一符号以示区隔。 有序列表(ol) 无序列表就是而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去. 定义列表(dl) 用于对一系列给定的术语给出解释和说明。 2.4? 列表标签 建立无序列表使用ul标记和li表项标记。 在ul和li中可使用属性type。 type=disc 表示● （此为type的默认值） type=circle 表示○ type=square 表示■ 2.4.1? 无序列表ul 格式为： ul li第一个列表项 li第二个列表项 …… /ul 2.4? 列表标签 使用ol标记可以建立有序列表，表项的标记为li。 各个列表项用带有前后顺序之分的编号来标记。 如果插入和删除一个列表项，编号会自动调整。 顺序编号的设置是由ol的两个属性type和start来完成。 type=用于编号的数字，字母等的类型。 （默认序号为数字） start=编号开始的数字， 如start=2则编号从2开始。 2.4.2? 有序列表ol? 2.4? 列表标签 有序列表标签的格式为： ol type=编号类型 start=value li第1项 li第2项 li第3项 /ol 嵌套列表是指将一个列表嵌入到另一个列表中，作为另一个列表的一部分。 有序列表和无序列表不仅可以自身嵌套，而且可以相互嵌套。 1、无序列表中套无序列表 2、无序列表嵌套有序列表 2.4.3? 嵌套列表? 定义列表使用标记dl、dt和dd，默认为两个层次： 第一层为列表项标签dt 第二层为注释项标签dd 2.4.4? 定义列表标签dl/dt/dd 定义列表标签的格式为： dl dt定义单词1 dd单词1的说明 dt定义单词2 dd单词2的说明 ……. /dl 2.4表单 HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 三个要点： 表单控件(Form Controls) Action Method 2.4表单 表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。 input type= text就是一个表单控件，表示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。 2.4表单 Method:表示了发送表单信息的方式。method有两个值：get和post。 get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。 post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。 HTML表单(Form)常用控件 input type=text 单行文本输入框 input type=submit 将表单(Form)里的信息提交给表单里action所指向的文件 input type=checkbox 复选框 input type=radio 单选框 select 下拉框 textArea 多行文本输入框 input type=password 密码输入框(输入的文字用*表示) 单行文本输入框(input type=text) 单行文本输入框允许用户输入一些简短的单行信息，比如用户姓名。例句如下： input type=text name=yourname 复选框(input type=checkbox) 复选框允许用户在一组选项里，选择多个。 input type=checkbox name=fruit value =apple苹果br input type=checkbox name=fruit value =orange桔子br input type=checkbox name=fruit value =mango芒果br 用checked表示缺省已选的选项。 input type=checkbox name=fruit value =orange checked桔子br 单选框(input type=radio) input type=radio name=fruit value = Apple苹果br input