【原创】(2020.2.8)sublime基础和HTML基本骨架

“注意快捷键等或符号均是在英文状态下的!!”

一、sublime基础

1、Ctrl+N :新建
先保存(文件名加上扩展名.html,保存类型也选HTML)
输入 html:xt 按 Tab 键 :自动生成Html的结构。
2、在body里面输入标签名,例如下图:输入 p
【原创】(2020.2.8)sublime基础和HTML基本骨架
按 Tab 键:自动生成标签 如图:【原创】(2020.2.8)sublime基础和HTML基本骨架
再例如:输入 p*6
【原创】(2020.2.8)sublime基础和HTML基本骨架
按 Tab 键:自动生成6个标签
【原创】(2020.2.8)sublime基础和HTML基本骨架
3、h标签有6组,即h1~h6,快速生成6个标签的方法:
输入 和 h$*6 (注:此处6也可以为1~6任意数字,表示从h1开始的几个h标签)
【原创】(2020.2.8)sublime基础和HTML基本骨架按 Tab 键:

【原创】(2020.2.8)sublime基础和HTML基本骨架
4、按住 Ctrl 并滚动鼠标的滚轮,可实现代码的放大缩小
***5、按住鼠标滚轮并移动鼠标可生成一列光标,然后可以同时编辑多行,***如图:【原创】(2020.2.8)sublime基础和HTML基本骨架
6、按 Ctrl + shift +D :复制光标所在行 如图:
【原创】(2020.2.8)sublime基础和HTML基本骨架按Ctrl + Shift +K/Ctrl+X :删除光标所在行 :

【原创】(2020.2.8)sublime基础和HTML基本骨架7、按 Ctrl + Shift + ↑ :使光标所在行上移,Ctrl+Shift+↓:使光标所在行下移
例:如图使h3行上移
【原创】(2020.2.8)sublime基础和HTML基本骨架

二、HTML基本骨架

【原创】(2020.2.8)sublime基础和HTML基本骨架1、标签
(1)html:最根本的标签:来表示整个网页
(2)head:网页头部,里面是网页配置,除了title标签,其他内容在浏览器中均不可见
(3)title:是网页的名字
(4)body:是网页里的内容(即用户能够看到的内容)【原创】(2020.2.8)sublime基础和HTML基本骨架

【原创】(2020.2.8)sublime基础和HTML基本骨架