标签：html
在一开始学习了一些计算机基础知识，下面是我认为的一些比较重要的快捷键基础知识。
一、快捷键的应用
● ctrl键是英语control“控制”的意思，这个按键，单独按没有任何作用，都要和其他的按键一起按才有用。
● shift键是英语shift“换挡”的意思，按下这个按键同时击打字母，打出的就是大写字母。熟悉shift键来打大写字母，尽量少用大小写锁定键。
● alt键是英语alternate“调整”的意思，和ctrl一样，自己按没啥用，都要和其他的按键一起按才有用。
● tab键是用于table“制表符”的意思，经常实现“切换的功能”。
下面是一些比较重要的快捷键：
Ctrl+c 复制
Ctrl+v 粘贴
Ctrl+x 剪切（就是移动文件，在原来的文件夹ctrl+x一个文件夹，然后在新文件夹中 ctrl+v 粘贴 ）
Ctrl+tab 切换
Ctrl+z 撤销
Ctrl+空格 切换中英文，严禁用shift切换
Alt+F4 关闭程序
F2 重命名
F5 刷新，比如看网页的时候，想刷新网页，按F5
Windows+E 打开资源管理器
Windows+D 显示桌面
二、下来对互联网的原理进行了大致的介绍：
1、上网究竟是什么？
上网就是请求数据，就是文件传输。
上网的时候，是有真实的、物理的文件传输的！
我们经常感觉第二次打开网页比第一次快，这是因为第一次打开网页的时候，所有的图片都已经存过来了。这也是我们每次用360清理，都能清理一堆垃圾，释放很多硬盘空间。
从这里我们能发现，仅仅是浏览一个首页，就出来那么多文件，所以我们就应该有一个初步的认识，网页不是一个文件，而是一堆文件。
2、服务器
● 服务器就是计算机，只不过比笔记本的配置高了很多，并且24小时不断电，不关机。
● 服务器上存储着网页的相关文件。一旦有访问者浏览网站，服务器就将发送这些文件给访问者。
● 服务器一旦关机，网站就无法访问了。
3、浏览器
浏览器是安装在客户的电脑里面的，是一个为用户上网提供途径的软件。
浏览器有版本之分，有浏览器兼容问题。
4、HTTP
HTTP即超文本传输协议，全拼是Hypertext Transfer Protocol。
这是一个文件的传输协议，我们上网的时候，所有的文件都是通过HTTP这个协议，从服务器上传输到客户的电脑里面的。
我们需要知道，每一个网址，都对应着确定的服务器上的文件。
比如网址：
http://www.icdjs.com/1.html |
就是服务器上面的1.html文件
http://www.icdjs.com/ |
看似没有精确到一个文件，但是有一个规定，就是index.html是默认的首页文件。
index就是英语“目录”的意思。
http://www.icdjs.com/aaa/b.html |
服务器上面有一个aaa文件夹，这个文件夹里面有一个b.html文件。
网页是真实物理的文件。并且一个网页是很多的物理文件组成的：html文件、图片文件、js文件、css文件。这些文件要通过特殊软件才能上传到服务器上。然后就能让用户看了。用户通过浏览器，访问网址，服务器上面的文件就会通过http请求悄悄地传输到用户的电脑中的临时文件夹中，在用户的电脑中执行、渲染、呈递
三、HTML的初步认识
1 认识什么是纯文本文件txt
windows中自带一个软件，叫做记事本。记事本保存的文档格式就是txt格式，就是英语text的缩写。术语上，称呼这个文件叫做“纯文本文件”。
txt文件，只能保存文本内容，是无法记录文本样式的。
所以，doc和txt存储同样的内容，doc比txt大。
可以总结，纯文本文件就是
1）只有文本，没有样式；
2）不是乱码，可由记事本等纯文本编辑器读；
Html 、css、js都是纯文本的。
2 、HTML是负责描述文档语义的语言
HTML是英语yperText Markkup Language 的缩写，超文本标记语言。
.html就是网页的格式。
首先我们来学习制作一个网页，首先新建一个txt文件：
我们强行把这个文件的拓展名从txt改为html,这时我们可以发现小图标就变成浏览器的小图标了：
也就是说，html本质上和txt没有任何区别，他们都是纯文本文件。
在“打开方式”中，用记事本可以编辑它。
现在要养成 编辑器里面编辑 → 保存ctrl+s → 浏览器里面刷新F5 的习惯。
下图是在用记事本打开我们先前制作的小网页，我们往其中添加马云的简历；可以看出是比较有格式的；
然而我们在浏览器打开的时候是没有任何格式的：
纯文本txt文件是不能描述文档的语义的，文档中不知道谁是主标题，谁是副标题，谁是段落。所以html应运而生。
html提供了很多标签对儿，可以给文本增加不同的语义。比如：
<h1></h1>标签对儿，主标题。
<h2></h2>标签对儿，二级标题。
<p> </p> 标签对儿，普通段落。
对上面记事本中的内容进行修改，末尾的另一半标签对没有显示出来，但是一定不能少，如下：
将修改后的记事本内容保存之后，重新打开网页，显示如下：
现在的业界标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。
所以，html不能让文字居中，不能更改文字字号、字体、颜色。因为这些都是属于样式范畴，都是css干的事儿；html不能让盒子运动起来，因为这些属性行为范畴，都是js干的事儿。
html只能干一件事儿，就是通过标签对儿，给文本增加语义。这是html唯一能做的。html中，除了语义，其他什么都没有。
html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。
所以，接下来，我们肯定要学习一堆html中的标签对儿，这些标签对儿能够给文本不同的语义。
标签对儿是由起始标签和结束标签组成的：
<h1>Angelababy简介</h1> |
<h1> 起始标签
</h1> 结束标签
在面试的时候，面试官问你h1标签的的作用是什么？
一定要回答：给文本增加主标题的语义
而不是：给文字加粗、加黑、变大
任何的纯文本编辑器都能够编辑html，比如记事本、editplus、notepad++。
比较有名的专门制作网页的工具有：
DreamWeaver(Adobe公司的产品)
Sublime(高效率的程序书写工具)
WebStorm(更高级的项目级别编程工具)
不管用什么编辑器，我们都要知道，做网页和工具无关，任何的纯文本编辑器都能够做网页。
我们学习的是代码，而不是所谓的工具。不过，不可否认，一个好的工具，确实能够提高工作效率，代码书写的速度，但是本质上讲，记事本也能书写网页。
sublime的中文意思是“华丽的”，是2011年开始流行的代码编辑器，可以编辑java、c、php等很多语言。
html、css、js在sublime中支持非常好。界面也非常漂亮，安装简单、小巧、插件多。sublime非常小巧，只有21mb，甚至不用安装，直接解压缩，就能双击使用，把sublime_text.exe文件发送到桌面快捷方式就行了。
文件如何用sublime编程呢？很简单，直接拖进来。
一定要记住，保存的时候，一定要书写.html，表示存为网页的格式。
Sublime中常用的快捷键：
Ctrl+滚轮 放大缩小文字
Ctrl+shift+d 复制当前行
Ctrl+shift+k 删除当前行
Ctrl+shift+↑ 上移当前行
Ctrl+shift+↓ 下移当前行
以后击打标签的时候，仅仅需要输入标签的名字，然后按tab就可以自动生成标签对儿了。
比如，输入p然后按tab，软件自动生成：
1 <p></p> |
输入html:xt再ctrl+E就生成基本骨架
骨架抽象出来：
1 <html> 2 <head> 3 4 </head> 5 <body> 6 7 </body> 8 </html> |
网页的最外层的标签对儿是<html></html>标签对儿，里面有两部分，分别是head和body。
head标签中，描述网页的配置；body中的内容，才是用户可以看见的内容。
完整的骨架：
第1行，就是网页的声明头，这行语句不需要背诵。术语叫做DocType Defintion，文档类型定义，简称DTD。这行语句非常的复杂，里面暗含了一个网址。W3C就是出web规范的组织机构。html、css、js的规范都是W3C定义发布的。worldwide web coalition , 国际万维网联盟。网页声明头可以告诉浏览器，这是一个什么标准的页面。
第2行，是最大的html标签，所有的网页内容，都要包裹在这个标签对儿里面。
我们发现，html标签中，有两个属性：
xmlns="http://www.w3.org/1999/xhtml" 命名空间，就是一个规范；
xml:lang="en" 语言是英语
第3行，就是head标签，就是配置。
第四行，
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> 字符集的配置。
第5行，<title>Document</title> 网页的标题，可以显示在浏览器的标签栏中。
第7行，body标签就是网页的内容，用户能够看见。
标签：html
原文地址：http://xuhoji.blog.51cto.com/13357671/1970464
