HTML

一、初始HTML

1、Hyper Text MarkuP Language 超文本标记语言
超文本包括文字、视频、图像、音频、动画等

2、W3C标准
World Wide Web Consortium 万维网联盟 国际中立性技术标准机构
包括：
结构化标准语言：HTML、XML
表现标准语言：CSS
行为标准：DOM、ECMAScript

3、开发工具
记事本、Dreamweaver、IDEA、WebStorm、VScode

二、网页基本信息

1、注释

两个横杠中间写注释内容

2、网页基本结构

三、网页基本标签

标题标签是从h1到h6

四、图像标签

1、常见的图形格式：
JPG、GIF、PNG、BMP

2、HTML中应该另外建立一个目录存放照片、视频等

3、加图像的快捷方式为img+tab键，其中图片地址和名字必填，其他选填

五、链接标签

参考文章

1、页面链接

从一个页面到另一个页面，可以用文字或者图像做链接，把文字或者图像标签放在a标签里

2、锚链接

点击设定的链接，可以快速的定位到同一个页面或者不同页面中的某个位置。需要一个锚标记跳转到标记,锚标记中要有#
比如先做一个标记：使用name作为标记

通过点击锚标记跳转

也可以通过页面链接设置锚链接如下（记得在另一个页面设置标记）

3、功能性链接

邮件链接

QQ链接

比如QQ推广中输入提示语可以自动生成代码，将代码复制到网页里最后就可以生成一个QQ在线聊天的图标

六、行内元素与块元素

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行(a,strong,em)
块元素：无论内容多少，该元素独占一行（p,h1-h6）

七、列表标签

网站最底下的文字

无序列表

有序列表

定义列表

八、表格标签

九、媒体元素

视频元素：video
音频元素：audio

十、页面结构分析

一个网站里面嵌套另一个网站

在这个页面会直接出现一个百度的页面，自己设置长宽

内联框架名字为hello,然后在超链接里跳转到目标网站

十二、表单post和get提交（重点）

1、文本框

name属性必须写

表单就比如网站里的登录页面
input标签可以是一个文本输入框，尽量给文本输入框命一个名字
提交之后就会直接跳到action中的地址

2、单选框

单选框radio
name属性表示一个组，在同一个组内只能选一个，不同的组可以多选

3、多选框

多选框checkBox；默认选中的checked，格式类似列表框
name也一定要写，要写一样的名字，是可以多选的

4、按钮

按钮button
可以用value设一个按钮上的初始值

5、列表框（下拉框）

selected表示默认选择这个

6、文本域和文件域

要注意一下文本域是textarea
文件域就是指日常选择文件，上传文件

7、搜索框滑块和简单验证

滑块的话可以用在音量调节上

十三、表单的应用

只读：readonly(不能修改)
禁用：disabled
隐藏：hidden(如下可以隐藏密码文本框，默认密码为123456)

增强鼠标可用性：可以通过直接点击文字，跳到input文本框里，for表示要跳到的地方

十四、表单初级验证

placeholder:提示信息

required：表示不能为空

pattern:正则表达式
正则表达式速查表：https://www.jb51.net/tools/regexsc.htm