HTML基础归纳

分为三部分 文档申明：head body

1.文档申明

文档类型申明：告诉浏览器以什么标准来渲染当前页面

2.head

head标签内
1、元数据标签：元数据标签，用于描述文档类型和编码；描述搜索关键字和描述;
meta标签
2、链入资源标签：用来引入外部资源；
link标签
3、标题标签
tittle标签

3.body

块级标签

p标签，
h标签，
hr/水平线标签 
div标签  
换行标签br/  
blockquote 引用标签
  ul 无序列表
ol 有序列表
dt 自定义列表
figure  组合列表
pre 预格式
行级标签：按行表示，占用空间只和内容等宽
例如：span标签

标题标签：h1-h6
段落标签：p
属性1：text-align ：justify 两端对齐
属性2：text-indent：数字+em 表示首行缩进几个字符
换行标签：br
分割线标签：hr
引用：blockquote
cite属性：
预格式标签：pre 保留文本的默认样式


 <!--alt+tab键咋最近浏览的两个页面间切换-->
快捷键：shift+tab往回退
列表：
有序列表：显示内容无序ol
无序列表：显示内容按顺序排列ul
定义列表：自定义列表顺序样式dt dd
figure标签：
<figure>
        <img src="../img/rainbow.png">
        <figcaption>风雨过后总会有彩虹</figcaption>
    </figure>
分区标签div：划定一定的区域，使方便操作

行级标签

span（文本）：没有任何的默认样式
a(超链接)
img（图）
table（表格）
em（强调，倾斜）
i（斜体，无强调）
strong（加粗，强调）
  b（加粗，强调）

超链接：
使用情况：转换页面；页面定位；内容分类
1.使用超链接实现页面间的导航


超链接分类：
1.页面间的链接
href：指定页面跳转的路径
属性：trget：指定为页面打开的位置
属性值：_self:当前页面打开
_blank:在新页面打开
2.锚链接
设置锚点：<a neme="top"></a>（在所需要的位置设置锚点）
跳转到锚点：<a href="#top">返回页面顶部</a>
可是跳转到具体页面的具体位置，在要跳转页面的后面加#和锚点名称
3.功能性链接：
 <a href="tencent://message/?uin=1063262662">发qq消息</a><!--发送qq消息-->
    <a href="mailto：//[e-mail]">发邮件</a>


图片
语法<img src=""....>
属性：src 图片地址
     alt 文本描述
     height；width；
     align：对齐
bordercolor：边框颜色
表格table：
tr 行 td单元格
属性：border边框
th：标题
cellspacing：单元格间的距离
cellpadding：文本距单元格的距离
align：表格的对齐方式 right left center
bgcolor:背景色
background：背景图片
bordercolor:边框颜色

tr td标签的属性
width 宽度
height 高度
bgclor 背景颜色
align 水平对齐
valign 垂直对齐
nowrap 不换行 属性值nowrap true 1都可以，也可不写
align和valign
align：left/center/rignt
valign:top/middle/bottom
就近原则：相同属性时离内容越近优先级越高。


rowspan跨行
clospan跨列 


form表单


属性： action：表单数据提交地址
    method：表单提交的方式
默认值get：传递的数据会拼接到路径后面；优点：简单快捷；缺点：数据传输量有限
post请求：传递的数据会隐藏起来，放在请求体中；优点：数据传输量大，信息保密性好；缺点：相比get请求速度较慢。
input标签：输入表单
type属性：
neme属性
value属性：默认值


表单元素： 1.text 文本元素
（type值） 2.password 密码
3.radio 单选框（设置同一个name属性）
id要设置lebal标签
4.submit 提交
4.checkbox 复选框
5.reset 重置表单数据
6.file 文件上传
7.image 图形提交按钮
8.button 普通按钮

select标签 下拉表单
属性：
name：
id：
option标签：选项
默认选中：selected
textarea ：大区域文本输入
属性：  ros 行
col列
表单外边框：fieldset 
legend 标题
tabindex ：从1开始索引

H5增加的新表单元素：
 邮箱：<input type="email"><br>
    网址：<input type="url"><br>
    日期：<input type="date"><br>
    时间：<input type="time"><br>
    月份：<input type="month"><br>
    周：<input type="week"><br>
    数字：<input type="number"><br> 
属性：max最大值和 min 最小值和step步长
    滑动条：<input type="range"><br>
H5 input标签的新属性
autocomplete ：自动补全  on 打开off关闭
autofocus：自动获取焦点
required：必填
placeholder =“要提示的内容” 默认提示