1、无序列表ul
<ul><li></li></ul>
ul中只能包含li
ul属性type有多种效果,样式CSS效果更好
1.1、有序列表ol
<ol><li></li></ol>
ol中只能包含li
运用较少可用表格或者ul代替
1.2、自定义列表dl
<dl><dt>标题</dt><dd>内容</dd></dl>
dd对dt进行描述或者解释
- dl里面只能有dt和dd标签
- dt和dd一对多的关系 一个dt可以对应着多个dd
- 一个dl里面可以有多个dt和dd
dl>dt>dd
按下Tab键快速生成嵌套标签
展现了语义化
2、认识表格
处理数据,不是用来布局 布局可用div
<table><tr><td>1</td><td>2</td></tr></table>
tr代表行 td代表列 (嵌套关系)非并列
2.1、表格属性
border 边框 border="数字"
cellspacing 设置单元格与单元格边框之间的空白间距
cellspadding 设置单元格内容与单元格边框之间的空白间距
width 设置表格的宽度 height设置表格的高度
align 设置内容在容器中的位置 center left right
2.2、表头标签和合并单元格
表头标签 <th></th>
合并单元格属性
rowspan="数字" 跨行最上侧单元格 添加该属性
colspan="数字" 跨列最左侧单元格 添加该属性
2.3、表格结构和表格标题
<thead></thead><tbody></tbody><tfoot></tfoot>
tfoot兼容性较差 html5不支持
用于较大表格,具有加载优先级作用
<caption>表格标题</caption>
定义表格标题
2.4、表格总结
- 表格提供了HTML中定义表格数据的方法
- 表格中由行中的单元格组成
- 表格中没有列元素,列的个数取决于行的单元格个数
- 表格不要纠结于外观,那是CSS的作用
3、认识表单
由表单域 提示文本和表单组成
3.1、input及属性
<input type="属性值" />
type属性 text 单行文本输入框
password 密码输入框
radio 单选按钮 checkbox 复选框
button 普通按钮 submit提交按钮 用value属性键入按钮值
reset 重置按钮 file 文件域(上传图像)
image 图像按钮(type值)
<input type="image" src="图片路径" alt="" />
name 用户自定义属性
value input控件中的默认文本值
maxlength input控件允许输入的最多字符数
checked 定义控件默认被选中的项目
<input type="radio" name="sex" />
如果是多选一需要指定相同的name为一组
3.2、label标签
直接用label包裹
<label>用户名:<input type="text" /></label>
指定表单(for id选中)
<label for="no2">用户名:</label> <input type="text" /><input type="text" id="no2" />
这样,我们就可以通过点击用户名实现光标介入输入框
3.3、textarea文本域
<textarea cols="每行中的字符数" rows="显示的行数" > 文本内容</textarea>
3.4、下拉列表Select(运用较少)
<select><option></option></select>
兼容性较差,各浏览器解析不同展现效果不同
默认选中用selected="selected"属性添加至option标签
select标签中至少包含一对option标签
3.5、表单域
<form action="后台url地址" method="get/post" ></form>
4、多媒体embed
上传至视频网站然后复制embed地址放至自己的网站即可