1.VSCode 快捷键

建议使用 VSCode 写前端

• ! + 回车快速生成   .html  文件
• 代码格式化：Shift+Alt+F
• 向上或者向下一行：Alt + up/down
• 快速复制一行代码：shift+Alt+up/down
• 快速查找：Ctrl+F
• 快速替换：Ctrl+H

2. 标签

1. 标题

标题是通过

–

标签来定义的

定义最大标题，

定义最小标题

一级标题
二级标题
三级标题
四级标题
五级标题

生成 h1~h6 快捷键：h$*6

在标签中添加属性 align=”left|center|right”

标题 3 

2. 段落，换行，水平线

1. 段落

段落是通过

标签定义的

这是一个段落

2. 换行

如果想要在不产生一个新段落的情况下进行换行，可以使用 

这是一个段落 
 换行 
 效果

3. 水平线

标签可以在 HTML 页面创建水平线

3. 图片

标签定义 HTML 页面中的图像

• src：路径（图片地址，名字）
• alt: 规定图像的替代文本（当图片无法得到，显示时，会用此文本代替）
• title: 鼠标停留在图片上时显示的文字

图片的相对路径：

• 子级关系：/
• 父级关系：../
• 同级关系：./

4. 超文本链接

HTML 可以使用标签 来设置超文本链接

链接文本

href 属性来描述链接的地址

5. 文本

常用文本标签

• ：定义着重文字
• ：定义粗体文字
• ：定义斜体字
• ：加重语气
• ：定义删除字
• ：元素没有特定含义

    着重文字
    粗体文本
    斜体
    加重语气
    删除字
    没有特定含义

6. 表格

1.  表格组成特点：行，列，单元格（同行等高，同列等宽）

2. 表格标签：

• 表格
  行

  单元格（列） ccxhkk jj cc yy aa  表格属性 border: 设置表格边框 width：表格宽度 height：表格高度 快捷键：table>tr*2>td{单元格} 表格单元格合并 水平合并 –colspan(保左删右) 垂直合并 –rowspan（保上删下） 1 2 3 1 2 3 4 1 2 4 3. 列表标签 1. 有序列表 有序列表起始于 标签 每一个列表始于 标签 ccc xxx type属性 1 表示（1，2，3，4……） a 表示（a,b,c…….） A 表示（A，B，C，D……..） i 表示（i,ii,iii……） I 表示（I，II,III……..） 有序列表可以嵌套 2. 无序列表 无序列表始于 每一个列表始于 1 2 3 4 的type 属性 disc 实心圆 circle 空心圆 square 小方块 none 不显示 无序列表可以嵌套 4.Form 表单 概念：表单在网页中用来给用户填写信息，从而能采用户信息，使网页具有交互功能 所有用户输入内容都由表单来写 表单是由容器和控件组成的 属性说明： action:服务器地址 name: 表单名称 表单元素 表单标签 表单域 表单按钮 1. 文本框 文本域用     来定义 age: 确认 2. 密码框 密码字段用标签      来定义 password: 密码字段字符不会明文显示，而是以圆点或者星号替代 3. 提交按钮 可以通过 value 改变按钮名字