前端 HTML

学习路线
HTML CSS JS JQUERY VUE

HTML

网页基本标签

标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号

图像标签

常见的图像格式

alt图像的替代文字，title 鼠标悬停提示文字

src：图片地址
相对地址(推荐使用)，绝对地址
…/ --上一级目录

链接标签

a标签
链接文本或图像
target:目标窗口位置，常用值：_self,_blank，表示窗口在哪里打开。_blank在新标签中打开。

锚连接

1，需要一个标记
2,跳转到标记

邮件链接：mailto:
点击联系我

行内元素和块元素

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

列表

列表就是信息资源的一种展示形式。
无序列表 有序列表 自定义列表

表格标签

视频和音频

视频元素
video
音频元素
audio

页面结构分析

元素名	描述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用
nav	导航类辅助内容

iframe内联框架

表单语法

get方式提交：我们可以在url中看到我们提交的信息，不安全，高效
post方式提交：比较安全，传输大文件

表单元素格式

属性	说明
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时，指定按钮是否被选中

input name=“name” type=“text” value=“华华” maxlength=“8” size=“30”

表单的应用
隐藏域hidden
只读 readonly
禁用 disabled

表单初级验证
常用方式
placeholder提示信息，用于输入框中
required非空判断，用于所有文本框
pattern正则表达式