第三章 黑马程序员web前端教程：02-HTML-内容标签笔记(下).doc

HTMML5 基础课程—HTML-高级标签  目录 目录 2 1.1 列表标签 3 1.2 表格标签table 5 1.3 关于表格的合并单元格 7 1.4 Div和span标签 9 1.5 表单标签 9 1.5.1 Form标签 9 1.5.2 Input标签 10 1.5.3 Select标签 11 1.5.4 文本域标签 12 1.5.5 Fieldset标签 12 1.5.6 Lable标签 13 1.5.7 表单总结 13 1.6 Iframe标签 15 1.6.1 Mate标签的补充 15 1.7 字符实体 16 列表标签 表示：传智播客在全国开设分校的顺序列表： 北京 上海 深圳 广州 郑州 武汉 表示：我的个人爱好，无序的列表。 足球 篮球 乒乓球 学习 !-- 无序列表 -- ul lispan北京/spana href=#你好/a/li li上海/li li成都/li li武汉/li /ul !-- 有序列表 order liss 已经拍下的列表 -- ol li北京/li li上海/li li成都/li li武汉/li /ol 自定义列表 dt关于我们/dt dd传智简介/dd dd联系方式/dd dd诚聘英才/dd dd人才服务/dd 表格标签table 快捷键： ctrl+{ 进行左缩进， ctrl+} 进行右缩进 table border=1 tr td基本参数/tdtd1.4t 帕萨特/tdtd1.8t 帕萨特/td /tr tr td基本参数/tdtd1.4t 帕萨特/tdtd1.8t 帕萨特/td /tr /table table border=1 thead ！-表格头部--- tr th姓名/thth年龄/thth成绩/th /tr /thead tbody tr td传智播客/tdtd14/tdtd已经培养10几万人的it人才/td /tr tr td黑马程序员/tdtd6/tdtd几万人的it人才/td /tr /tbody /table 关于表格的合并单元格 Rowspan 行方向上合并单元格 Column 列方向合并单元格 table border=1 thead tr th姓名/thth年龄/thth成绩/th /tr /thead tbody tr !-- rowspan：一个单元格占用两行进行显示 -- td rowspan=2传智播客/td!-- td14/td -- !-- colspan=2 将一行中的 一个单元格 占用两个列进行显示。 -- td colspan=2已经培养10几万人的it人才/td /tr tr !-- td黑马程序员/td --td6/tdtd几万人的it人才/td /tr /tbody /table Div和span标签 Div标签: div/div Span标签: span/span 块级标签:独占行。 行级标签：可以跟其他的行内标签共用一行。 块：p，div，ul，ol，dl，li，dt，h1-h6 行：span，strong，em，文本相关的标签都是行内标签。 Div多用于表示文档中的一个块或者是整个结构的小节。 Span标签，多用于文本的一小节。 表单标签 Form标签 Form标签，表单的域标签，用于包裹整个表单的内容。 表单就是用户提交数据到后台的一个虚拟单子。 表单一般由 文本框、下拉列表、单选、多选、文本域等组成。 Action属性，用于指定当前表单 提交的时候指向后台的地址。 Input标签 Input标签是文本框、单选、多选、按钮等。 Type属性不同的取值决定了input标签的作用。 文本框：text 密码框：password 单选：radio 多选：checkbox 按钮：button 提交按钮：submit 重置按钮： reset Demo： input type=password input type=radio name=gender input type=text Input标签的 checked属性，属性值只有一个checked，可以省略属性值，在单选按钮和多选按钮中表示 此按钮被选中。 Select标签 Select标签用于下拉列表，或者列表标签。 选项用option标签来设置，value值只有在后台有用。Option包裹的内容是显示的选项的文本。例如：