Web高级程序设计第7章 HTML.pptVIP

2. UL(无序列表标记) OL(有序列表标记),LI（列表项目标记） 这几个相关标记用以表示一组相同性质的内容的集合，如菜单项目、课程名称等。其中UL标记代表无序列表，OL代表有序列表，LI代表列表中的一条项目。无序列表和有序列表的区别在于：有序列表会对它包含的每条项目进行顺序编号并显示。 LI必须与UL或OL标记一同出现。任何一个LI标记都表示它是父级UL或OL列表项的一个条目。一个典型的无序列表和有序列表的例子如下： UL LI西红柿炒鸡蛋 8.0/LI LI木须肉片 12.0/LI LI鱼香肉丝 14.0/LI LI青椒肉丝 12.0/LI /UL OL LI周一 计算机文化基础/LI LI周二 互联网信息检索/LI LI周三 C语言/LI LI周四 数据库概论/LI ?/OL 3. DL(定义列表标记 ),DT(定义条目标记),DD(定义内容标记) 这几个标记组合来表示一个定义列表。定义列表实际上类似于项目列表，不过列表中每条项目通常会有一个对应的术语或标题。就好象是一部词典中的条目及其解释一样。其中DL标记表示定义列表本身，DT标记表示一条术语，DD标记表示该术语的解释。DT标记与DD标记只能出现于DL标记内部，并且通常情况下DT标记和DD标记一一对应。在HTML标准中，DT标记内的文本是流文本块，而DD标记内的文本则是块文本块。即DT标记内的内容按照一般文字流的方式显示,被限制在父对象的显示范围内，而DD标记内的内容被限制在它自己的文本块显示范围。 定义列表可以用来显示术语列表、词典条目，或者另一个常见用途：人物之间的对话，其中用每个DT标记表示发言人的身份，而DD标记表示发言的内容。 7.3.4 表格与相关标记 表格是HTML文件中一类重要的显示元素，并且在HTML发展初期与中期是不可替代的页面布局元素。它可以用来显示各种数据报表、表格数据等，也可以用规则的行或列把页面的不同内容分布在它的单元格内。还可以根据需要把多行或者多列的单元格合并，以放置不同大小的内容。 TABLE TR TH学号/TH TH姓名/TH TH年龄/TH TH性别/TH TH爱好/TH /TR TR TD00001/TD TD张三/TD TD19/TD TD男/TD TD踢足球、上网/TD /TR TR TD00002/TD TD李燕燕/TD TD19/TD TD女/TD TD读书、写作/TD /TR /TABLE 由该示例我们可以看到并得出表格的一些重要特征: TABLE标记包围的内容才属于表格。 TR代表表格中的每一行。所有的数据和内容均应放在TR标记内包含的单元格标记TH或TD内。 表格中各行的单元格数量必须一致。 单元格内可以是内容也可以是标题。TD是包含内容的单元格，TH是包含标题的单元格。而TH表示的标题单元格只可以出现在至多一行或者一列内。 5. TR(表行标记),TH(单元格标题标记),TD(表单元格) TR是指表行，表格内每一行都必须位于一个TR标记内。在TR标记内，可以包含TD标记和TH标记。其中TH表示其内容是单元格标题，而TD是实际的单元格内容。 每一个TR内的TH或TD标记的数量应该与其他TR内包含的数量相等，除非某个单元格占据了多行或者多列。 当一个TD或者TH标记占据多行或多列时，需要使用下列属性来说明占据的范围。 rowspan:占据行数量。大于1 的一个整数值。 colspan:占据列数量。大于1的一个整数值。 TABLE rules=all CAPTION人员运动爱好一览表/CAPTION TRTH姓名/THTH年龄/THTH城市/THTH网名/THTH爱好/TH/TR TRTD张三/TDTD31/TDTD武汉/TDTD好好学习生/TDTD rowspan=”3”乒乓球/TD/TR TRTD李四/TDTD27/TDTD北京/TDTD浪里白条娃/TD/TR TRTD王五/TDTD29/TDTD上海/TDTD江上飞/TD/TR /TABLE 7.3.5 表单与相关标记 1. FORM(表单标记) 2. INPUT TYPE＝ ”TEXT”(文本框输入标记) 3. TEXTAREA(多行文本框标记) 4. INPUT TYPE＝”password”(密码文本框输入标记) 5. INPUT TYPE＝ ”hidden”(隐藏内容输入标记) 6. INPUT TYPE＝ ”checkbox”(复选框输入标记) 7. INPUT TYPE＝ ”radio”(单选按钮输入标记) 8. SELECT(下拉框标记),OPTION(下拉框选项标记) 9. INPUT TYPE＝ ”file”(上传文件输入控件标记) 10. INPUT TYPE＝”