前端之旅：《Head First HTML & CSS》第4章，SublimeText的使用

学习 Sublime Text

虽然之前一直在用Sublime Text，但却对它很多功能知之甚少，所以上午全都在 慕课网 学习它的 视频课程。这门课主要讲了常用的快捷键和一些插件的安装使用，对开发很有帮助，就算暂时用不到，也可以先作为了解。

快捷键

快捷键	功能
ctrl+p	goto anything
ctrl+shift+p	命令行
ctrl+d	多行模式
ctrl+k	多行模式选择时跳过当前项
alt+f3	多行模式全选
Alt+.	可以自动完成html闭合标记,不过有了Emmet插件几乎没什么用
ctrl+p面板中	1. 输入@可以匹配css选择器 2. 输入#可以匹配html标签
ctrl+shift+v	带格式粘贴代码
ctrl+e	展开emmet语法

插件

插件名	功能
sublime httpRequest	用于调试http请求
sublime nettus fetch	稍作配置就可以从网上下载jQuery等库代码
advancedNewfile	新建文件的简便方式

《Head First HTML & CSS》 学习笔记

第4章. 连接起来

• 浏览器中输入的Web地址称为URL，或称统一资源定位符（Uniform Resource Locators）
• 单击一个相对链接时，在后台浏览器会根据这个相对路径和所单击页面的路径创建一个绝对路径
• <a>元素的title属性用来提供链接描述信息，可以为任何元素增加title属性以提供工具提示。

• target属性用来指定打开链接的方法：
  _blank在新窗口中打开被链接文档
  _self是默认，在相同的框架中打开被链接文档
  _parent在父框架集中打开被链接文档
  _top在整个窗口中打开被链接文档

• 建立锚的方式(用来指定页面中的位置)

  • 方法1：在页面中相应位置的元素上加上id属性（id要是唯一的），比如<p id="bookmark">，从其他位置访问此处，只需要在URL最后加上该id即可，本页面跳转时浏览器会把href的值自动加到url链接后面再访问。
  • 方法2：在想要定位的位置加上<a name="bookmark">...</a>, 访问方法相,同，但方法一更常见一点。