一,今日内容:
1,列表标签:
列表三大类
无序列表ul里边包含li标签
注意点:
无序列表的各个列表项之间没有顺序级别之分是并列关系<ul></ul>标签中只能包含<li></li>标签,直接在<ul></ul>标签中加入别的标签或者加入文字是不允许的。
<li></li>标签就相当于一个容器,里面可以存放的所有元素。
无序列表会带有自己的样式属性,实际应用中我们会将默认的属性用CSS给它清理掉。
有序列表ol包含li标签
自定义列表dl标签里边有dt标签和dd标签。
注意点:
<dl></dl>标签中只包含<dt></dt>标签和<dd></dd>标签
一个<dl></dl>标签里面只包含一个<dt></dt>标签,一个<dt></dt>里面可以包含多个<dd></dd>标签。
2,表单标签
使用表单来收集用户信息叫做表单标签 。
表单域:
表单域就是包含了表单元素的区域,在HTML中使用<form></form>标签来定义表单域,它可以将用户提价的表单信息来提交个服务器。
3,常用的属性和属性值
属性名:action(用于指定接受并且处理表单数据的服务器url地址)
属性值:url地址
属性名:method(用于设置表单数据的提交方式)
属性值:get/post
属性名:name(用于指定表单的名字,以分区同一个页面中的多个表单域)
属性值:表单名称
4,表单控件(表单元素)
概念
表单元素就是允许用户在表单输入或者选择内容的控件(元素)
5,input输入表单元素
input表单元素的type属性
属性值:
1.text:定义单行输入的字段,用户可以输入相应的文本。
2.buttn:定义可点击的按钮。
3.checkbox:定义复选框
4.radio:定义单选按钮
5.file:文件上传按钮。
6.password:定义密码字段,该输入框中的内容会被掩码(加密)
7.reset:定义重置按钮。
8,submit:定义提交按钮。
6,input的其他属性:
属性名:name(定义input元素的名称)
属性值:用户自定义文本。
属性名:value(规定input元素的值)
属性值:用于自定义文本
属性名:checked(规定input元素首次加载时应当被选中)
属性值:checked
属性名:maxlength(固定输入框中的最大字符长度)
属性值:正整数
总结:
1.name和value是每个表单元素都有的属性,主要给后台人员来使用。
2.checked按钮主要针对的是单选按钮和复选框,主要作用是打开页面默认选择某个表单元素。
3.name给表单元素起名字的,一般我们要求一组单选按钮或者复选框的name值要相同。
4.maxlenght一般在表单元素中不常使用,了解即可
7,lable标签的作用
概念
lable标签用于绑定一个表单元素,当点击lable标签内的文本时,浏览器会自动将焦点转到响应的表单元素上,增加用户体验。
注意点
lable标签中的for属性对应的值要和相关元素id属性对应的值要相同
8,select表单元素
<selece></select>标签中应该至少包括一个<option></option>,在<option></option>中定义一个selected=selected时就可以将当前的标签设置为默认选中项。
9,textarea表单元素
10,CSS简介
CSS层叠样式表
CSS语法规范
10,CSS基础选择器
CSS表签选择器
CSS类选择器
id选择器
通配符选择器
二,今日问题
无
三,解决方案
无
|