今天学习了表单,列表,表格等标签
列表
无序列表
<ul></ul> 列表的最外层容器
<li></li> 列表项
注:ul 和 li必须是组合出现的 他们中间不可以有其他标签
type属性可以改变前面点的样式
有序列表
<ol></ol>
<li></li>
自定义列表
<dl></dl> 定义列表
<dt></dt> 定义专业术语及名词
<dd></dd> 对名词进行解释和描述
表格
table 表格最外层的容器
tr 表格的一行
th 表格的表头
td 表格的单元格
属性:border(表格边框) rowspan(合并行)colspan(合并列)
cellspacing 单元格之间的空间 cellpadding 单元格内的空间
style="style-collspace:collspace;" 设置一个像素的边框
表单
form 定义一个表单
input 定义文本框,密码框等表单控件
type属性表示input的类型
text:普通的文本输入框
password:密码输入框
checkbox:复选框
submit:提交按钮
reset:重置按钮
file:上传文件
radio:单选框
checked属性:选中表单元素
disable属性:禁止操作表单
placeholder属性:提示信息
value属性:表单元素的值,submit类型中可以修改按钮的显示文字
texterea 定义多行文本域 属性:cols rows
select 定义下拉菜单
selected 默认当前选中项
size 可视区显示的个数
multiple 多选 针对select file
lable 辅助标签
div 区域划分
span 修饰文字
引入css的方式
1,行间样式
html标签上添加style属性
2,内部样式
在style标签内添加的样式
3,外部样式
link(单标签)<link rel="stylesheet" href="">
rel="stylesheet"属性,表示要引入一个样式文件
href 引入外部样式文件的地址
或 @import
<style>
@import url(base.css)
</style>
注:@import 有兼容性问题,老式浏览器不支持。性能有问题,会后渲染样式。不推荐用这种方式引入外部样式。
要回顾每天讲的内容,勤加练习。