黑马软件工程师：HTML小结
日期：2014-05-16 浏览次数：20552 次
---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流！ ------------------------
一、HTML
1.网页编程语言。Html之所以能展现出各种各样的效果，是浏览器的功能。
2.HTML(HyperText Markup Language)就是描述网页长什么样子、有什么内容的一个文本。查看网页的描述内容（HTML）的方式：使用IE浏览器的话，在网页上点击右键，选择“查看源文件”
3./S(Browser/ Server)：浏览器-服务器，客户端只需要一个浏览器
4.C/S(Client/Server)：客户端必须安装对应的软件。比如：QQ、MSN、FoxMail
二、HTML和XML的联系、区别
1.HTML：描述文本长什么样的，侧重于数据展示。
2.XML：描述存的什么数据，侧重于数据存储。（html→xml,趋势）
3.XHTML可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），xhtml的出现主要是为了向xml过度，通过xml+css也能实现很好的页面。
4.DHTML 是Dynamic HTML的简称，就是动态的html。 HTML、样式表和JavaScript的组合
5.格式标签：<p></p>创建段落；<br/>换行，也可以写成<br>，在HTML中有一些标签可以不关闭，<br>就是一个，这是和XML不同的地方（常考），但是为了遵循XHTML规范，推荐像XML一样严格关闭。如：<br/><img src="1.gif"/>
6.属性值：HTML中属性值即可以用单引号括起来、也可以用双引号括起来、甚至不用引号都可以（不推荐）
单双要配对。
7.注释：HTML使用和XML一样的<!-- 注释内容 -->来做注释。
三、浏览器介绍
1.什么是浏览器？解释和执行HTML源码的工具。
Trident引擎，（就是IE的WebBrowser控件）。
WebKit引擎(开源浏览器内核)，现在很多非IE核心的浏览器用的是WebKit引擎
2.浏览器兼容性
浏览器兼容性问题：描述文件是一个统一的，但是就像口语翻译一样，不同的翻译翻译出来的东西也是不一样的。不同浏览器品牌对HTML的支持是有差异的，所以同一个网页在IE上和FireFox上看起来可能长得不一样。
CSS、JavaScript都存在浏览器兼容问题，CSS尤甚，我们只考虑JS的兼容。
四、开发工具
1.编写普通的HTML页面是和任何后台语言无关的，可以使用记事本、高级记事本(Editplus、Notepad++)、Dreamweaver、Expression Web(FrontPage的改头换面版)等工具写。
2.网页基本结构：
<html>
<head>
<title>我的第一个网页</title>
</head>
<body bgcolor="red"background="bg.jpg">
Hello world
</body>
</html>
3.文档类型定义：
DocumentType Definition,DTD <!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
五、HTML页结构说明
1.所有内容都在<html></html>标签之内；<head></head>内放的是头部信息，是对页面的描述，不会直接显示在页面中，<head>内的<title>中设置的是页面的标题，<title>只能放在<head>中；<body>是页面的主体，大部分显示内容都定义在这里。
2.<head>中可以包括：
<title>网页标题</title>
<link href=“main.css” rel=“stylesheet” type=“text/css” />
<link href=“fav.ico” rel=“shortcut ico” /> 当前文档中导入另外一个文档，并说明其关系。
<base href=“” target=“”/> 指定网页中超链接的基准地址。
3.Title标签的结束标签，如果忘记/ ,则整个页面都不显示。
六、meta标签
1.meta【meita,元信息，机器来读取的】标签包括在head标签中。
2.<meta>标签
<meta>有指定name和指定http-equiv两种用法：
<metaname=“名字” content=“值” />关于网页的描述信息。
<meta http-equiv="名字"content="值" />模拟http响应头信息。
3.例如：
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>指定网页编码
<meta http-equiv="Refresh" content="3" /> 三秒钟后刷新此网页。
<meta http-equiv="Refresh"content="3;url=http://www.rupeng.com" /> 三秒钟后重定向到新网页。发帖成功后提示“发帖成功，即将转向帖子查看页面”。
<meta http-equiv=“Cache-Control” content=“no-cache” /> 禁止浏览器缓存页面。
<meta name=“keywords” content=“新闻,娱乐,八卦”/>
<meta name=“description” content=”中国最全的八卦新闻”/>
七、颜色体系
1.body标签的bgcolor属性可以设定网页的背景颜色。R=Red、G=Green、B=Blue。
2.bgcolor的取值可以是英文单词red、blue、yellow……，也可以是十六进制的颜色#00FF69、#23AEFF(#000000黑色、#FFFFFF白色)
3.00FF69这就是HTML中表示颜色的方式，每两个是一组，三组分别就表示R、G、B的值，是16进制表示。
八、静态页面、动态页面
1.静态页面：后缀名为html或htm等都是静态页面。有一个html页面文件保存在
