HTML学习
1.列表标签:
有序列表:
ul:
li:
无序列表:
ul:
li:
2.连接标签:
a:定义一个超链接
属性:
href:指定访问资源的URL统一资源定位符
target:指定打开资源方式
-self:默认值,在当前页面打开
_blank:在空白页面打开
3.div和span
span:文本信息是在一行展示,行内标签,内联标签
div:没一个div占满以整行,块级标签
4.语义化标签:html5中位列提供 程序可读性,提供了一些标签
<header>页眉
<foot>页脚
3.表格标签:
table:定义表格
width:宽度
border:边框
cellpadding:定义内容和单元格的距离
cesllpacing:定义单元格之间 的距离,如果指定为0,则单元格之间的线会合为一条
bgcolor:背景色
align:对齐方式
tr:定义行
td:定义单元格
th:定义表头单元格
<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚的部分
HTML表单标签:
form表单:
概念:用于采集用户输入的数据的,用于和服务器进行交互.
注意:用于定义表单,可以定义一个范围,范围代表采集用户数据的范围
属性:
action:制定提交数据的URL
method:指定提交方式
分类:一共7种:2种比较常用
get:
1.请求参数会在地址栏中显示,会封装在请求行中
2.请求参数长度是有限制的
3.不太安全
post:
1.请求参数不会再地址栏中显示,会封装在请求体中(HTTP协议后讲解)
2.请求参数长度没有限制
3.较为安全
表单项中的数据要想被提交,必须指定其name属性
表单项标签:
input:可以通过type值,改变元素的展示样式
type:属性值
text:文本输入框,默认值
placeholder:指定输入框的提示信息,当输入框的内容发送变化,会自动清空提示信息
password:密码输入框
placeholder:指定提示信息
radio:单选框
1.要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样
2.一般会给每一个单选框提供value属性,制定其被选中后提交的值.
3.checked属性,可以制定默认值
checkbox:复选框
3.checked属性,可以制定默认值
file:文件选择框
hidden:隐藏域,用于提交一些信息
按钮:
submit:提交按钮,可以提交表单
button:普通按钮
image:图片提交按钮
src属性指定图片的路径
label:指定输入项的文字描述信息
注意:
label的for属性一般会和input的id属性值对应,如果对应了,会让input输入框获得焦点
取色器:出现window颜色选择器
日历:会弹出日历控件
<input type="date" name="birthday"><br>
<input type="datetime-local" name="birthday"><br>
邮箱:<input type="email" name="email">
年龄:<input type="number" name="age">
select:下拉列表
textarea:文本域
