html5完整教程有哪些,HTML5完整教学通俗易懂

1.初始HTML

超文本标记语言

超文本包括：文字，图片，音频，视频，动画等


html5的优势

世界知名浏览器厂商对html5的支持

市场的需求

跨平台

w3c标准

​结构化标准语言 (html , xml)

​表现标准语言(css)

​行为标准(DOM,ECMAScript)

2.网页基本信息

3.网页基本标签

标题标签 h1~h6

段落标签 p

换行标签 br

水平线标签 hr

字体样式标签 strong,em

注释和特殊符号 ,空格( ),大于，小于，版本

4.图像标签

常见的图像标签：jpg,gif,png,bmp

title属性悬停文字 alt图片名字(必填)

5.超链接标签及应用

文本超链接

href:必填，表示要跳转到那个页面

target:表示窗口在那里打开

_blank 在新标签中打开

_self 在自己的网页打开

图像超链接

6.块元素和行内元素

块元素

无论内容多少，该元素独占一行

p,h1~h6

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行

a,strong,em

7.列表标签

有序列表

ol>li

无序列表

ul>li

自定义列表

dl>dt列表名称,dd列表内容

8.表格标签

为什么使用表格

简单通用

结构稳定

基本结构

单元格

行 tr

列 td

跨行 rowspan

跨列 colspan

9.媒体元素

视频元素

video

src:资源路径

controls:控制条

autoplay:自动播放

音频元素

audio

src:资源路径

controls:控制条

autoplay:自动播放

10.页面结构分析

元素名

描述header

标题头部区域的内容

footer

标记脚部区域的内容

section

web页面中的一块独立区域

article

独立的文章内容

aside

相关内容或应用(常用于侧边栏)

nav

导航类辅助内容

11.iframe内联框架

src 地址

width 宽度

height 高度

name 框架标识名

12.表单post和get提交


method:post,get提交方式

​get方式提交：我们可以在url中看到我们提交的信息，不安全高效

​post:比较安全，传输大文件

13.文本框和单选框

属性

说明type

指定元素的类型。text,password,checkbox,radio,submit,reset,file,hidden,image和button,默认为text

name

指定表单元素的名称

value

元素的初始值。type为radio时必须指定一个值

size

指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其它类型，宽度以像素为单位

maxlength

type为text或password时，输入的最大字符数

checked

type为radio或checkbox时，指定按钮是否是被选中

14.按钮和多选框

普通按钮 input type="button"

图像按钮 input type="image"

提交按钮 input type="submit"

重置 input type="reset"

15.列表框文本域和文件域

select>option 列表框

textarea 文本域

type="files" 文件域

16.搜索框滑块和表单验证

邮箱验证 input type="submit"

url input type="url"

数字 input type="number"

input type="range"

input type="search"

17.表单的应用

隐藏域 hidden

只读 readonly

禁用 disable

18.表单初级验证

常用方式：

​placeholder 提示信息

​required 非空判断

​pattern 正则表达式

19.html总结

来源：oschina

链接：https://my.oschina.net/u/3915694/blog/4794257