1.1标记语言基本概念
1.1.1什么是计算机语言
人与人之间是通过语言进行交流，那么人和计算机之间如何交流呢？计算机只知道“0”和“1”，所以我们就通过“0”和“1”这种语系来和计算机交流，这就是机器语言。
机器语言对于人来讲太难理解，编制程序太困难
比如：101011100001110001101010100011（3+6运算）
为了解决这个问题，我们将一串特定的“01”进行符号化，这就是汇编语言
ADD 3,6
机器语言和汇编语言都是属于低级语言，即体现了机器的特性，而对于大多数不是计算机工程师的人来讲，还是太困难了。
高级语言：用类似英语加数学的符号来描述，最大程度屏蔽了机器特性，使得程序的阅读和编制变得越来越容易。
if(a>b){
c =a+1;
}else{
c = b;
}
常见的高级语言有C、C++、C#、PHP、Java
1.1.2什么是标记语言
什么是文本文件：只有文本内容，没有任何格式。举例：
在记事本中输入“带你出师、闯荡江湖！”，并设置相应的格式，但是在其它电脑上打开并没有显示同样的格式，说明其不包含任何格式信息。查看文件大小显示20字节
在word中输入同样的内容，同时设置格式，在另一个电脑上看到的是同样的内容和同样的格式。同时查看文件的大小，
说明word文档中除了存储内容，还存储了格式等信息（document.xml,）ml就是标记语言（Markup Language）的缩写。
我们要学的HTML（HyperText Marked Language）也是一种标记语言。
超文本：不仅仅能表示文本信息，还能表示音视频、格式等等信息。
浏览网页实际上就是将存储在服务器上的HTML文件下载到本地，然后通过浏览器（IE、Chrome等）进行解析并呈现内容。
1.2 HTML基本结构
<!DOCTYPEHTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- head部分主要做一些设置工作，比如字符集、标题等-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的第一个网页</title>
</head>
<!--文档的主体部分，呈现给用户的信息都在此-->
<body>
带你出师，闯荡江湖！
</body>
</html>
<html>：是整个文档的根节点，它包含两个子节点：
<head>：主要描述文档的设置信息，比如字符集、标题等
<body>：是文档的主体部分，需要呈现的内容都安排在其中。
注释：
快捷键：ctrl+shift+/
形式：<!-- -->
作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响。
注释非常重要，代码正确是前提，但清晰也是一个非常重要的原则，程序员需要养成注释的好习惯。
基础标签
2.1标题标签
标题标签用于显示页面的标题信息，既包含了格式信息，同时提供了语义信息。
<h1>-<h6>
2.2段落标签
段落标签标示页面的一个段落，自动换行
<p>
2.3超链接
<a>页面间跳转和页内跳转
（1）页间跳转
Href属性指定链接的目标url地址
Target属性指定打开目标页面的方式，其取值包括
-self：在当前页面中打开；默认
-blank：在新的页面中打开；
Title属性指定提示信息；
（2）页内跳转
在目标标签处指定ID=“.......”，在链接处指定href=”#.........”
Id 属性是页面元素的唯一标识。
2.4图片标签<Img>
在网页显示图片
Src:Source，图片资源的url地址，可以是本地的，也可以是远程的。
Alt属性：alternative（可替代的），既当资源不存在时，替代的文字内容。
路径:
相对路径：指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。
绝对路径：指目录下的绝对位置，直接到达目标位置。
“..”表示上级目录
“.”表示当前目录
在同一级目录：
<img src="koala.jpg">
在上一级目录：
<img src="../koala.jpg">
在下一级目录：
<img src="pic/koala.jpg">
4116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
