HTML知识清单（附学习网站）
互联网三要素：HTML、HTTP、URL
HTML(Hyper Text Markup Language)：超文本标记语言 HTTP(HyperText Transfer Protocol)：超文本传输协议 URL(Uniform Resource Location) ：统一资源定位符
HTML简介：
HTML：超文本标记语言 超文本：文本信息 、图片、声音、视频、超链接等 标记：标签的体现
1、<!DOCTYPE html>
HTML5中的文档约束（DTD），代表使用的是H5格式
2、<meta>标签
在书写超链接时，必须在域名前写上：http://¬¬¬¬对搜索引擎优化，添加关键字、描述、作者、版权等信息 设置自动刷新网页 禁止网页缓存
3、body内的常用标签
a) 标题标签<h>
分为h1-h6,字体由大到小，会自动换行 —align：调整对齐方式
b) 分割线标签<hr>
—width:分割线水平宽度 —color：颜色 —size：垂直宽度
c) 段落标签<p>
在两个段落之间会有段间距，适合排版时使用 — :空格
d) 预文本标签<pre>
按照书写方式输出，灵活性较大,不推荐使用
e) 常用的小标签
–u 下划线 –I 斜体 –b 加粗 –del 删除线标签 –sup 上标标签 –sub 下标标签 –small 字体变小标签 -big 字体变大标签
f) 字体标签<font>
-color 颜色 -size 大小 -face 字体
g) 列表标签
–ol 有序列表 –ul 无序列表 –dl 自定义列表
h) 跑马灯标签<marquee>
-direction 滚动方向 -scrollamount 滚动速度
g) 超链接标签<a>
实现锚点功能 实现不界面之间的跳转 -href 指定跳转到目标资源位置 -target 打开网页的方式 -self 从本页跳转 -blank 另起一页跳转 -xxx… 自定义
<a href="#bottom" name="top">返回底部</a>
<a href="#top" name="bottom">返回顶部</a>h) 图片标签<img>
-src 引入图片的位置{相对路径、绝对路径、网络路径 -title：图片的标题 -alt：图片无法正常显示的时候显示的属性 -align:图片的位置 ，必须有参照物
i) 表格标签<table>
-border 边框大小 -width、heigth 单元格宽高 -cellpadding 内容和单元格的距离 -colspan 合并列 -rowspan 合并行 -bgcolor 背景色 –tr 表格行（height指定行高） –td 表格列（width指定列宽） –th 标题列：自动加粗居中
tip:Table>tr3>td3+tab 快速指定一个三行三列的表格
J）表单标签
-action 表单提交的位置，可以进行页面跳转 -method 表单提交方式（post、get） -get：参数会依附于url地址之后，数据长度有限制，不安全 -post：参数不会依附于地址，不受限，安全 –input 设置输入框体 -type 框体类型 -text 文本框 -checkbox 多选框 - textarea 多行文本框 -file 文件选择框 -hidden 隐藏框 -select、option 下拉框 -submit 提交按钮 -reset 清空按钮 -button 普通按钮 -name 框体的内部名称 -value 默认显示框体的值
k) 框架标签<iframe>
-width 宽度 -heigth 高度 -name 框架的值 -src 资源的位置 产生三条连接标签
Html5简介：
H5中的表单增强标签<form><input>
-email 邮箱输入框 -number 数字输入框 -range 滑动器输入框 -date、week、moth 日期输入框 -color 颜色输入框
H5中的音频标签<audio>
-src -controls
H5中的视频标签<vedio>
-src -controls -width -heigth
多媒体标签<embed>
-width -heigtth
独立内容标签<figure>
用来表示网站制作页面上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。 -figcaption
着重强调标签<mark>
细节/选择标签<details>
-summary
刻度标签<meter>
-max 规定的最大值 -min 规定的最小值 -value 当前的值 -low 自定义最小值 -high 自定义最大值
进度条标签<progress>
-max 规定的最大值 -min 规定的最小值 -value 当前的值
画布标签 <canvas>
上面知识点知识本人总结的，想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站，免费开源！！！