1.初始HTML

超文本标记语言

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

![image-20201212090803082](C:\Users\win 10\AppData\Roaming\Typora\typora-user-images\image-20201212090803082.png)

html5的优势

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

市场的需求

跨平台

w3c标准

结构化标准语言（html , xml）

表现标准语言(css)

行为标准(DOM,ECMAScript)

2.网页基本信息

<!-- DOCTYPE告诉浏览器，我们要使用什么规范 -->
<!-- head标签代表网页头部 -->
	<!-- title网页标题 -->
	<!-- meta描述性标签，用来描述我们网站的一些信息，一般用来做seo -->
<!-- body标签代表网页主体 -->

3.网页基本标签

标题标签       h1~h6
段落标签        p
换行标签        br 
水平线标签      hr
字体样式标签    strong,em
注释和特殊符号   <!--  -->,空格（&nbsp;）,大于，小于，版本
<!-- 特殊符号的记忆方式  &就会提示 -->

4.图像标签

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

title属性悬停文字 alt图片名字（必填）

5.超链接标签及应用

文本超链接  
href:必填，表示要跳转到那个页面
target:表示窗口在那里打开
	_blank 在新标签中打开
	_self  在自己的网页打开
<!-- 锚链接，1.需要一个锚标记 2.跳转到标记 -->
<!-- 功能性链接：邮件链接：mailto;QQ链接 -->
图像超链接

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内联框架

<iframe src="" name=""></iframe>
src 地址
width  宽度
height 高度
name  框架标识名

12.表单post和get提交

![image-20201212121832349](C:\Users\win 10\AppData\Roaming\Typora\typora-user-images\image-20201212121832349.png)

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" value="按钮">
<input type="checkbox" value="sleep" name="hobby">
普通按钮 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

标签

html5

ECMAScript

HTML5完整教学通俗易懂