HTML的学习03

HTML的学习03

一.列表标签：

1.无序列表：

语法格式：
< ul >
< li >列表项1< /li >
< li >列表项2< /li >
< li >列表项3< /li >
< /ul >
注意事项：
1.无序列表的各个列表项之间没有顺序级别之分，是并列的。
2.< ul >< /ul >中只能分< li >< /li >，其他的标签或者文字不能放在里面。
3.< li > 与< /li >之间可以放置所有元素（包括标签）。

2.有序列表：
< ol >
< li >列表项1< /li >
< li >列表项2< /li >
< li >列表项3< /li >
< /ol >
3.自定义列表：
< dl >
< dt >列表项1< /dt >
< dd >列表项2< /dd >
< dd >列表项3< /dd >
< /dl >
注意：
< dl>< /dl >里面只能包含< dt >和< dd >，< dt >和< dd >没有个数限制，通常是一个< dt >对应多个< dd >。

二.表单标签：

语法格式：

表单元素：
< input >
语法格式：
< input type=”属性值" / >
type的属性：

< input >的其他属性：

注意：
radio是单选按钮，如果要实现多选一需要在里面加入相同的名字，才可以实现。
name和value是每一个表单元素都有的属性值，，主要给后台人员使用。
name表单元素的名字要求单选按钮和复选框要有相同的name值。
checked属性主要用于单选按钮和复选框，使得页面一打开就可以选择其中的某个表单元素。

< label >标签：
此标签用于绑定一个表单元素，当点击< label >标签内的文本时，浏览器就会自动将焦点转到对应的表单元素上，增加用户体验。
语法：
< label for=“sex” >xxx < label >
< input type=“radio” name=“sex” id=“sex”/>
注意标签里的for属性与相关元素的id属性相同。
select下拉表单元素：
语法：

注意：
在< select >中最少有一对< option >,同时在< option >中定义selected= "selected"时，当前项即为默认选中项。
textarea文本域元素：
用于输入较多的文本。
语法：
< textarea rows=“xxx” cols=“xxx”>
文本内容
< /textarea >
实践：

源代码：