HTML
列表标签
无序列表
ul标签内包含li标签
注意
无序列表的各个列表项之间没有顺序之分,是并列关系
<ul></ul>标签内只能包含<li></li>标签,不能直接在<ul></ul>标签中加入别的标签或直接加入文字
<li></li>标签就相当于一个容器,里面可以存放所有元素
无序列表会带有自己的样式属性,实际应用中会将默认的属性用css清除掉
有序列表
ol标签内包含li标签
注意
无序列表的各个列表项之间有顺序级别之分
<ol></ol>标签内只能包含<li></li>标签,不能直接在<uo></ol>标签中加入别的标签或直接加入文字
<li></li>标签就相当于一个容器,里面可以存放所有元素
有序列表会带有自己的样式属性,实际应用中会将默认的属性用css清除掉
自定义列表
dl标签里有dt和dd标签
注意
<dl></dl>标签中只能包含<dt></dt>和<dd></dd>标签
一般一个<dl></dl>里只包含一个<dt></dt>标签,一个<dt></dt>标签可以对应多个<dd></dd>
表单标签
为什么需要表单
使用表单收集用户信息
表单域
就是一个包含于表单元素的区域,在html中,用<form></form>标签来定义表单域,它可以将用户提交的表单信息提交给服务器
常用的属性和属性值
action="url地址"
method="get/post"
name="表单名称“
表单控件:是允许用户在表单中输入或者选择内容的 控件
input输入表单元素的type属性值
<input type="text">文本输入框,只能输入单行字符
<input type="button">可点击的按钮
<input type="password">输入密码输入框,内容会被隐藏
<input type="radio">单选按钮
<input type="checkbox">复选框
<input type="file">提交文件按钮
<input type="submit">提交按钮
<input type="reset">重置按钮
input的其他属性
name="用户自定义文本",定义input元素的名字
value="用户自定义文本",定义input元素的值
checked="checked",规定input元素的默认值
maxlength="正整数",规定input输入框的最长字符
总结
name和value是每个每个表单元素都有的属性
checked按钮主要针对的是单选按钮和复选框,主要作用是打开页面后默认选择某个元素
name是给表单元素起名字的,一般要求一组单选按钮或者复选框的name值要相同
maxlength一般在表单元素中不常用
lable标签的使用
lable标签用于绑定一个表单元素,当点击lable标签内的文本时,浏览器会自动将焦点转到对应表单元素上,增加用户体验
select标签的使用
在<select></select>标签中应该至少包含一对<option></option>标签
textarea表单元素
<textarea cols=" ",rows=" '></textarea>,输入内容较多时用文本域cols表示每行的字符数,rows代表显示的行数
CSS
css的简介
css的局限性
css的语法规范
规则:由选择器和声明块来决定,
注意点
选择器是用于指定css样式的html标签,{}内部是该对象设置的具体样式
多个属性之间用英文的分号隔开
属性和属性值之间用英文的冒号隔开
属性和属性值之间是以键值对的形式来书写的
所有的样式一般都写在<style></style>标签中,一般该标签写在<head><head/>标签中
css的基础选择器
标签选择器
标签选择器是指用html标签名称作为选择器,按照标签名称分类,为页面中某一类标签设计样式
类选择器
类使用“."定义,使用class进行调用
id选择器,在style中用“#”来进性调用
id是唯一标识,所以id选择器是为了唯一的html标签特定的样式,虽然同一个id可以被调用多次,但是不允许被使用
通配符选择器,在css中,通配符选择器使用*来进性定义
|