HTML基础(part1)--预备知识

鄙人的学习笔记。

---

---

关于Windows系统常用快捷键(实测好用)

关于前端调试工具

我们打开Chrome浏览器，在网页上点击鼠标右键，选择【检查】，进入浏览器自带的调试工具。

我们选择【Element选项】，它呈现出上下两个部分，上面的部分显示的是HTML的代码(查看网页结构)，下面的部分显示的是CSS的代码(查看样式)。为什么HTML代码和CSS代码都在【Element】选项中呢？因为我们的HTML和CSS是相辅相成的。

我们还可以选择【Console选项】和【Soures选择】这是我们在JS中常使用的俩工具。

这个开发工具，我们在前段开发中要经常用到。

关于Sublime常用快捷键

关于URL协议

平时我们写的网址,就是URL地址.URL协议就是规定URL地址的格式。
比如：http://news.sina.com.cn/c/zg/2015-10-27/doc-ifxizwsm2427861.shtml

URL协议规定格式

scheme://host.domain:port/path/filename
scheme - 定义因特网服务的类型。最常见的类型是 http, https,ftp
host - 定义域主机（http 的默认主机是 www） 
domain - 定义因特网域名，比如news.sina.com.cn
port - 定义主机上的端口号（http 的默认端口号是 80） 
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。 
filename - 定义文档/资源的名称

关于URL编码

为什么要有URL编码呢？

首先，问一个问题
比如，我写的一个中文的网页要在非洲国家的电脑上进行显示。我的URL地址中有中文字符【http://news.sina.com.cn/c/zg/2015-10-27/doc-桂扬家的小黄.shtml】，那么中文字符在阿拉伯国家的电脑上会正常显示吗？

为了所有国家之间的网址能正确显示，我们需要encodeURL()和decodeURL():

备注：encodeURL()为把中文字符转换为ASCII码值，decodeURL()把ASCII码值转换为中文。

我们再做一个实验

将【https://www.baidu.com/s?wd=%E6%8A%97%E7%96%AB%E8%A7%A3%E6%94%BE%E5%86%9B&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pc】路径的ASCII码值转换为中文：

关于路径

备注：cd 命令是进入某个文件夹。dir命令是显示当前目录下的文件和文件夹。