01-快捷键：

  1. 注释 ctrl + /
  2. ctrl + s 保存
  3. ctrl + c 复制
  4. ctrl + v 粘贴
  5. ctrl + x 剪切
  6. ctrl + z 撤销
  7. ctrl + d 选中多个相同的内容
  8. alt + ⬆/⬇ 代码移动到上一行/下一行
  9. 在浏览器中打开 alt + b

02-注释：

03-网页的组成：

结构
html xhtml(属于html4的一部分，是一个更加严谨的语法)
表现
css
行为
js
web标准
w3c标准—-html
css
ECMA —- js

04-html语法：

  1. 属性的符号是英文的符号
    2. 属性没有先后顺序
    3. 属性不能重复
    4. 标签名和属性之间有空格 属性和属性之间有空格

05-文本标题标签：

h标签
h1 - h6
加粗
独占一行
双标签
h1最重要 一个页面只能有一个h1, 和seo有关
seo 网络搜索引擎优化

06-段落标签：

浏览器会把空格和换行转成一个空格执行
段落标签
p
双标签
独占一行
p标签不能嵌套p标签
自动换行
alt + z

07-换行、加粗、倾斜标签：

  1. 换行标签<br />    br<br />    单标签
  3. 水平线<br />    hr <br />    单标签
  5. 加粗<br />    strong --- 推荐 语义化标签<br />    b<br />    1. 双标签<br />    2. 不独占一行
  7. 倾斜<br />    em --- 推荐 语义化标签<br />    i<br />    1. 双标签<br />    2. 不独占一行
  9. 语义化<br />        1. 方便自己阅读代码<br />        2. 方便团队阅读代码<br />        3. 方便浏览器阅读代码

08-文本修饰线：

下划线
u

  1.     删除线<br />         del  --- 推荐 语义化<br />          s<br />        不独占一行

09-上标下标转义字符：

空格  
< <
> >
© ©
上标 sup
下标 sub

10-无序列表有序列表、自定义列表：

ul —— 无序列表的区域
ul的html属性
type 无序列表的项目符号
circle 空心圆
ellipsis 默认值 实心圆
square 实心方块
none 去掉项目符号
li —- 列表项
html的语法
- 标签
- 属性
<标签名 属性=’属性值’ 属性1=’属性值1’></标签名>
<标签名 属性=’属性值’>

1. 属性的符号是英文的符号
2. 属性没有先后顺序
3. 属性不能重复
4. 标签名和属性之间有空格 属性和属性之间有空格

ol —- 有序列表的区域
ol的html属性
type 有序列表的项目符号
1 默认值
A 大写字母
a 小写字母
I 大写罗马字母
i 小写罗马字母
start 开始的序号
只能写数字
li —— 列表项

dl —- 自定义列表的区域
dt —— 自定义列表的标题
dd —— 自定义列表的描述
dt只能有一个，dd可以有多个

11-图片和路径：

img
src 引入图片的地址 必须写
alt
必须写
1. 图片加载失败的提示文字
2. seo优化
3. 视障人士使用
title 图片的描述信息
大多数标签都有这个属性
img不独占一行

绝对路径
本地文件 从盘符 开始一级一级向下找，直到找到当前文件
网址
相对路径
从当前文件开始，找到目标文件的路径
同级
同级路径
直接写文件名或者./文件名
下级
下级路径
先找到同级文件夹，再到文件夹中找图片
找到文件夹后需要 / 进入文件夹
上级
上级路径
../

12-超链接：

a
href 跳转的地址
网址 协议 域名 端口号
target 打开新页面的方式
_blank 在新窗口打开
_self 默认值 在当前窗口打开
title 超链接的提示信息