一.特殊按键和快捷键

键盘上除了有字母、数字之外，还有一些特殊的按键：ctrl、shift、alt、tab

● ctrl键是英语control“控制”的意思，这个按键，单独按没有任何作用，都要和其他的按键一起按才有用。比如ctrl+c，表示同时按住ctrl键和c键，一会儿将知道这个功能是复制。

● shift键是英语shift“换挡”的意思，按下这个按键同时击打字母，打出的就是大写字母。熟悉shift键来打大写字母，尽量少用大小写锁定键。

● alt键是英语alternate“调整”的意思，和ctrl一样，自己按没啥用，都要和其他的按键一起按才有用。比如alt+f4，表示关闭当前的窗口，　　　　alt+f4快速关闭窗口。

● tab键是用于table“制表符”的意思，经常实现“切换的功能”。比如我们在word软件中同时打开了两个文档，可以用ctrl+tab键，来在两个文档之间切换。 当然，可以用alt+tab键来切换程序。

　　

　　

必须熟练掌握下面的快捷键：

ctrl+c            复制

ctrl+v            粘贴

ctrl+x            剪切（就是移动文件，在原来的文件夹ctrl+x一个文件，然后在新文件夹中ctrl+v粘贴）

ctrl+tab         切换（具体切换什么，要看是什么软件）

alt+F4           关闭程序

F2                 重命名

F5                 刷新，比如看网页的时候，想刷新网页，按f5

ctrl+z            撤销，就是这一步干错了，就ctrl+z撤销

windows+E    打开资源管理器

windows+D    显示桌面

ctrl+空格       切换中英文，严禁用shift键切换。

二.浏览网页的一些基本原理

　　1.上网的时候，是有真实的、物理的文件传输的！

　　2.所以我们经常感觉第二次打开网页，比第一次快，这是因为第一次打开网页的时候，所有的图片和文件都已经存过来了。

　　  3.服务器上存放着网页的相关文件，包括html文件、css文件、js文件、图片等。当我们打开浏览器，输入网址，我们的计算机就会对这些文件发出HTTP请求。 服务器收到请求之后，会把这些文件通过HTTP协议，传输到我们的计算机中（保存到电脑中的某个临时文件夹中）。这些文件，将在我们计算机本地的浏览器中，进行渲染、呈递。

　　3. HTTP：超文本传输协议，Hypertext Transfer Protocol。

这是一个文件的传输协议，我们上网的时候，所有的文件都是通过HTTP这个协议，从服务器上传输到客户的电脑里面的。

　　4.index.html是默认的首页文件。

三.HTML初步认识

　　1.纯文本文件就是这样的文件：

　　　　　　1） 只有文本，没有样式；

　　　　　　2） 用记事本等纯文本编辑器可读，不是乱码

　　　　　　3）html、css、js都是纯本文的。

　　

　　2. HTML是负责描述文档语义的语言

　　　　HTML是英语HyperText Markup Language的缩写，超文本标记语言。

　　　　.html就是网页的格式。

　　　　html提供了很多标签对儿，可以给文本增加不同的语义。比如：

　　　　<h1>  </h1>标签对儿，主标题。

　　　　<h2>  </h2>标签对儿，二级标题。

　　　　<p>   </p> 标签对儿，普通段落。

　　　　现在的业界的标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。

所以，html不能让文字居中，不能更改文字字号、字体、颜色。因为这些都是属于样式范畴，都是css干的事儿；html不能让盒子运动起来，因为这些属性行为范畴，都是js干的事儿。

html只能干一件事儿，就是通过标签对儿，给文本增加语义。这是html唯一能做的。

html中，除了语义，其他什么都没有。

html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。

　　

比如，h1标签有什么作用？

正确答案：给文本增加主标题的语义

错误答案：给文字加粗、加黑、变大

四、开发工具Sublime介绍

　　

sublime中的常用快捷键：

ctrl+滚轮       放大缩小文字

ctrl+shift+d    复制当前行

ctrl+shift+k    删除当前行

ctrl+shift+↑   上移当前行

ctrl+shift+↓   下移当前行

以后击打标签的时候，仅仅需要输入标签的名字，然后按tab就可以自动生成标签对儿了。

比如，输入p然后按tab，软件自动生成：

1           <p></p>

五、HTML骨架和基本语法

　　1.html有基本骨架，这个骨架能够用sublime快速生成：

　　

骨架抽象出来：

1           <html>

2                  <head>

3

4                  </head>

5                  <body>

6

7                  </body>

8           </html>

网页的最外层的标签对儿是<html></html>标签对儿，里面有两部分，分别是head和body。

head标签中，描述网页的配置；body中的内容，才是用户可以看见的内容。

完整的骨架：

1           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

3                  <head>

4                         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

5                         <title>哈哈哈</title>

6                  </head>

7                  <body>

8                          <h1>我是一个主标题</h1>

9                    <p>我是一个小段落</p>

10              </body>

11       </html>

第1行，就是网页的声明头。术语叫做DocType Defintion，文档类型定义，简称DTD。这行语句非常的复杂，里面暗含了一个网址。W3C就是出web规范的组织机构。html、css、js的规范都是W3C定义发布的。world wide web coalition , 国际万维网联盟。网页声明头可以告诉浏览器，这是一个什么标准的页面。

第2行，是最大的html标签，所有的网页内容，都要包裹在这个标签对儿里面。

我们发现，html标签中，有两个属性：

xmlns="http://www.w3.org/1999/xhtml"   命名空间，就是一个规范；

xml:lang="en"   语言是英语

第3行，就是head标签，就是配置。

第4行，<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 字符集的配置

第5行，<title>哈哈哈</title>  网页的标题，可以显示在浏览器的标签栏中。

第7行，body标签就是网页的内容，用户能够看见。

html学习笔记1的更多相关文章

  1. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

  10. ucos实时操作系统学习笔记——任务间通信（消息）

    ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...

随机推荐

  1. C++ foreach

    考虑下面的需求,对vector<int>中的每个元素加1,如何做? void add(int& lhs) // 注意:要修改主调方法中的数据,这里要使用引用 { lhs= lhs ...

  2. EasyUI-右键菜单变灰不可用效果

    使用过EasyUI的朋友想必都知道疯狂秀才写的后台界面吧,作为一个初学者我不敢妄自评论它的好坏,不过它确实给我们提供了一个很好框架,只要在它的基础上进行修改,基本上都可以满足我们开发的需要. 知道“疯 ...

  3. PHP对大小写敏感问题的处理比较乱，写代码时可能偶尔出问题，所以这里总结一下。以便用到的出现错误

    推荐大家始终坚持“大小写敏感”,遵循统一的代码规范. 1. 变量名区分大小写 1 <?php 2 $abc = 'abcd'; 3 echo $abc; //输出 'abcd' 4 echo $ ...

  4. android-square-progressbar-legacy

    https://github.com/eltld/android-square-progressbar-legacy

  5. Eclipse中R文件不能自动生成

       R文件不能自动生成主要是因为编译有错误,这时你想什么办法都是没有用的,clean, fix properties,都不是从根上解决问题.    R文件主要是自动生成资源文件的id的,里边静态子类 ...

  6. Xcode和IOS模拟器

    Xcode和IOS模拟器 目录 概述 Xcode常用操作 学会用Instrument IOS模拟器 概述 Xcode常用操作 整体缩进或者缩退 command+“[” .command+“]” 在同一 ...

  7. Network Link Conditioner模拟不同网络环境

    在Xcode4.1中有一个工具叫Network Link Conditioner,可以让用户模拟不同的网络连接和带宽,可供Mac和iOS开发者测试自己的程序在不同网络环境下的表现. 在Xcode4.3 ...

  8. PHP抓取网络数据的6种常见方法

    http://www.nowamagic.net/academy/detail/12220245 http://www.nowamagic.net/academy/detail/12220245

  9. Java去除掉HTML里面所有标签的两种方法——开源jar包和自己写正则表达式

    Java去除掉HTML里面所有标签,主要就两种,要么用开源的jar处理,要么就自己写正则表达式.自己写的话,可能处理不全一些自定义的标签.企业应用基本都是能找开源就找开源,实在不行才自己写…… 1,开 ...

  10. 编写一个简单的Jquery插件

    1.实现内容 定义一个简单的jquery插件,alert传递进来的参数 2.插件js文件(jquery.showplugin.js) (function ($) { //定义插件中的方法 var me ...