HTML笔记
（一）HTML基础知识
什么是计算机语言?
答:
人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?计算机只知道”0”和”1”,所以我们就通过”0”和”1”这种语系来和计算机交流,这就是机器语言。
机器语言对于人来讲太难理解,编制程序太困难。
为了解决这个问题，我们将一串特定的“01”进行符号化，这就是汇编语言。
机器语言和汇编语言都是属于低级语言,即体现了机器的特性，而对于大多数不是计算机工程师的人来讲，还是太困难了。
高级语言：用类似英语加数字的符号来描述，最大程度屏蔽了机器特性，使得程序的阅读和编制变得越来越容易。
If(a > b){
C = a + 1;
}else{
C = b;
}
常见的高级语言有C, C++, C#, PHP, Java
1.1 什么是标记语言。
什么是文本文件：只有文本内容，没有任何格式。
举例：在记事本输入“带你出师，闯荡江湖！”，并设置相应的格式，但是在其他电脑上打开并没有显示同样的格式，说明其不包含任何格式信息。查看文件大小显示20个字节。
在word中输入同样的内容，同时设置格式，在另一个电脑上看到的是同样的内容和同样的格式。同时查看文件的大小
说明word文档中除了存储内容，还存储了格式等信息（document.xml,）ml就是标记语言（Markup Language）的缩写。
我们要学的HTML（Hyper Text Markup Language）也是一种标记语言。
超文本：不仅仅能表示文本信息，还能表示音视频,格式等信息。
浏览网页实际上就是将存储在服务器上的HTML文件下载到本地，然后通过浏览器（IE , Chrome等）进行解析并呈现内容。
1.2HTML基本结构
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 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</title>
</head>
<!--文档的主体部分，呈现给用户的信息都在此-->
<body>
闯荡江湖!
</body>
</html>
注释：
添加HTML注释的快捷键ctrl+shift+/
形式：<!---->
作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行没有任何影响。
注释非常重要，代码正确是前提，但清晰也是一个非常重要的原则，程序员要养成注释的好习惯。
基础标签
<标签名></标签名>
2.1标题标签
标题(header)标签用于显示页面的标题信息，既包含了格式信息，同时提供了语义信息
<h1>—<h6>
2.2段落标签
段落(paragraph)标签标示页面的一个段落.
2.3链接标签
链接标签<a>的作用是跳转,包括页面跳转和业内跳转
(1)页面跳转
herf属性指定链接的目标URL地址
target属性指定打开目标页面的方式,其取值包括:
_self:在当前页面中打开,默认;
_blank:在新的页面中打开;
_parent:在新的页面中打开;
_top:在当前页面中打开;
title属性指定提示信息;
(2)页内跳转
在目标标签处指定id=”......”,在连接处指定href=”#......”
id属性是页面元素的唯一标识
“锚点”:anchor
2.4图片标签<img>
在网页中嵌入图片
src属性:source,图片资源的URL地址,可以是本地的,也可以是远程的
alt属性: alternative(可替代的)当资源不存在时,替代显示文字内容
路径:
绝对路径:
相对路径:
“. .”表示上一级目录
“. ”表示当前目录
在同一级目录:
在上一级目录:
在下一级目录:
2.5杂项
<span>:可以将部分文本独立出来
<br>：可以使句子长的进行换行
<hr>：用来分隔HTML内容（水平线）
<base>：必须定义在head标签中
扫一扫
5133
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
