day2快捷键和标签

• 快捷键

1.tab自动补全
输入尖括号中间的字母然后按tab
2.复制当前行
停在当前行然后ctrl+D（多行的话选中就可以了）
3.删除当前行
ctrl+Y
4.统一编辑
按住alt--点击统一编辑的位置（点一次选中 点两次取消）
5.快速注释/取消注释
单行  ctrl+/ (鼠标停的位置)
多行ctrl+shift+/（需要选中）
6.包含关系
>  tab自动补全
eg:div>div>div
7.多个
*数字 tab自动补全
eg:p*6
8.常用快捷键
ctrl+C  复制
ctrl+V  粘贴
ctrl+S  保存
ctrl+Z  撤销
ctrl+A  全选
ctrl+X  剪切
ctrl+O  打开
ctrl+N  新建
9.浏览器页面查看源代码
 右键
 ctrl+shift+i

• HTML标签

网页标题标签
h1~h6
双标记
默认居左且加粗
一号标题字体最大，六号标题字体最小逐级递减

属性：
align="left/center/right"默认left
设置元素内容水平对齐方式
eg:<h1 align=”left“>这是第一个标签</h1>

2.段落标记
<p></p>
属性align="left/center/right"默认left
设置元素内容水平对齐方式
3.换行标记
<br/>
没有任何的属性

4.水平线
<hr/>
属性:
align="center/left/right"设置水平线的水平对齐方式
color=""设置水平线的颜色  颜色的取值为英语单词
width=""设置水平线的长度,水平方向
size=""设置水平线的宽度,竖直方向

注意;html默认单位为像素(px),当单位为像素时建议不写

5.图片
<img/>
属性
src:路径
width=""设置图片的宽度
height=""设置图片的高度

注意  图片的align不能居中 要居中的话可以把图片嵌套进<p></p>中
图片常用格式:
jpg  png(支持背景透明)  gif(支持动图) psd(ps)
打开浏览器控制台：