HTML基本元素

---

HTML基本元素的总结：

---

一、HTML中常见的标签

1. 标题标签 h1-h6
2. 段落标签 p
3. 换行标签 br
4. 水平线 hr
5. 图片 img
6. 超链接 a
7. 文本格式化标签 b em i small strong sub sup ins del
8. 列表 ul li ol li
9. 表格 table caption tr td

二、块级元素和行内元素以及行内块元素的区别：

一、块级元素独占一行 前后有换行 可以设置宽高属性。比如p标签
二、行内元素在一行内显示 宽高不能设置 大小只能由内容撑开。比如span标签
三、行内块元素既可以设置宽高又可以在一行显示（前后没有换行）。比如img标签
四、块级元素有：h1-h6、div、p、ul、ol、li、table、form、dl、dt、dd等H5新增的有：header、section、aside、footer…
五、行内元素有：span、big、small、sub、sup、a、em、strong、i、del…
六、行内块元素有：img、button、textarea、行内块级元素中间会有空白的间隙 默认宽度就是本身内容的宽度。

三、常见标签的属性

img标签的属性:
1.src:图片的路径
2.alt:图片显示不出来时替换的文本
3.width:图片的宽度
4.height:图片的高度
5.title：鼠标hover时候显示的文字
a标签的属性
1.href:链接的地址
2.target属性：_blank 新建标签页打开链接 _self在自身窗口打开链接
ul标签的属性
1.list-style-type:项目符号
2.项目符号：disc实心圆 circle空心圆 square 小方块
表单的属性
1.action：提交表单的地址
2.method:提交的方式：get post
表单元素
1.text:文本域
2.password:密码框
3.radio：单选按钮 （name值需要设置成一样的 例如性别sex）
4.checkbox:复选框
5.file：文件
6.隐藏域：hidden 隐藏字段
7.submit:提交按钮
8.reset：重置按钮
9.button:普通按钮没有功能
10.image:图片提交按钮
下拉列表
1.select-option:默认选中：selected
多行文本框
1.textarea：两个常用属性：rows cols
label属性
1.lable通常配合单选按钮和多选按钮使用：lable包裹字体 使得用户点击字体时也可以选中按钮
2.lable标签里填写for属性 for的属性值为 标签的id值。

四、H5新增的type类型

email
url
search
tel
color
number
range
date
month
week

五、HTML5新增属性

autofocus属性
在页面加载的时候自动获取焦点
multiple属性
在规定的输入域中选择多个值
placeholder属性
用于输入框中 给用户提示作用 比如：placeholder:“请输入邮箱/手机号/”
required属性
规定提交之前必须填写输入