HTML+CSS+JavaScript
Ch1 发布Web内容
HTML(Hyper Text Markup Language)
在学习HTML、CSS和JavaScript的复杂知识之前，获得对一些技术的稳固理解很重要。
Web服务器：首先必须创建文件，然后把它们放到服务器上以使它们可用，并且你必须确保你的内容将像预期的那样出现在最终用户面前。
WWW(World Wide Web)万维网
HTML是一种用于描述包含其他信息的文本、图形和文件是如何组织和链接到一起的语言。
创建Web内容时，只需记住，你控制着用户在访问你的网站时看到的内容。从包含要显示的文本用户的或者是一些代码的文件开始，其中的代码告诉服务器连带发送一幅图形给用户的Web浏览器，这样你就必须计划、设计和实现最终构成Web的各个部分。
XHTML X代表extensible 可扩展的
Web托管提供商
在Web服务器上的文档根目录存放文件
索引文件不仅用在子目录中，它还用在网站的顶级目录(或者文档根目录)中。网站的第一个页面——或主页，或者无论如何你都希望用户在第一次访问你的域所看到的Web内容——应该被命名为index.html，并且存放在Web服务器的文档根目录中。
测试Web内容的几点提示：
（1）测试链接
（2）低分辨率和高分辨率下的表现
（3）alt标签信息（查看替换文本）
（4）字体大小
（5）加载完成后，向下滚动效果
（6）加载时间
编写有效的、符合标准的HTML和CSS将有助于确保站点在所有访问者看来都是比较相似的。
Ch2 理解HTML与XHTML之间的联系
当你只是学习HTML时，从简单的文本编辑器开始将更容易并且更有教育意义。当你更好地理解了幕后所发生的事情之后，可以转向可视化工具（Front Page/DreamWeaver）图形式的、所见即所得的编辑器。
.jsp(Java Server Pages)、.asp(Microsoft Active Server Pages)、.php(Hypertext Preprocessor)
开始标签<>结束标签</>
空标签</> 比如：换行<br /> 图片<img />水平分隔线<hr />
<p>标签 分段符
标题应该遵循内容的层次结构：只使用一个1级标题，在1级标题后面可以具有1个或多个2级标题，直接在2级标题后面使用3级标题等。
W3C 负责开发Web标准的标准机构
(World Wide Web Consortium)万维网联盟，提供了一个你可以使用的在线验证工具。
http：//validator.w3.org/
如果W3C标记验证服务在你的Web页面遇到了一个错误，它将会提供特定的详细信息（包括出错代码的行数）。这是一种搜寻问题的极佳方式，可以使你的页面摆脱错误的代码。
HTML是一种受益于XML的规则的相对非结构化的语言。两种技术的自然融合导致HTML遵守XML的规则和结构。为了实现这种融合，人们构思了HTML的一个新版本，它遵循XML的更严格的规则。遵循XML的HTML的新版本被称为XHML，它确实是HTML的更干净的版本。
<html>
<head>
<title>.</title>
</head>
<body>
</body>
</html>
Ch3 理解层叠样式表(Cascading Style Sheet)
样式表是一组能够同时控制多个HTML页面外观的格式化指令。
CSS是一种定义样式结构的语言。
用分号结束每个样式。
为了把这个样式表链接到HTML文档，可以在每个文档的<head>区域中包括一个<link/>标签
<link rel="stylesheet" type="text/css" href="style.css" />
css中的样式属性一般可分为两大类：
布局属性：用于确定怎样把内容放在Web页面上。最重要的布局属性之一是display，它有4个可能的值：
①block——在新行上显示元素，就像在新段落中一样
②list-item——在新行上显示元素，并且在它旁边具有一个列表项标记（项目符号）
③inline——根据当前段落显示元素
④none——不显示元素，把它隐藏起来
格式化属性：用于控制Web页面上内容的外观
颜色属性设置 3种：color:orange;color:rgb(0,0,255);//16进制表示color(#FFFFFF);
<span>标签 分隔文字
选择器{样式属性:值;} → h1{font:36pt Courier;}
想要区分选择器，使用样式类，如：h1.Silly{font:36pt;} h1.Serious{font:37pt;}
在HTML代码中引用样式类时，只需简单地在元素的Class属性中指定类名称即可。例如：
<h1 class="silly">this is</h1>
div.footer{
…;
…;
}
<div class="footer"></div>
样式ID：在一些情况下，可能出于布局或格式化的目的，想要精确地控制独特的元素。在这样的情况，就要求助于ID，而不是类。
样式ID(style ID)是一组自定义的格式化规范，只能应用于Web页面中的一个元素，可以跨一组页面使用ID，但是在每个页面内每个ID只能使用一次。例如：
p#title{font:24pt Verdana,Genva}
在HTML中引用样式ID时，只需简单地在元素的id属性中指定ID的名称，如：<p id="title">some title goes here</p>
三种CSS连接样式：
外联式：
<head>
<link rel="stylesheet" type="text/css" url="mycss.css" />
</head>
内部样式：
<head>
<style>...</style>
</head>
内联样式:
<body>
<h1 style="color:green";align="">
</body>
理解JavaScript
Web脚本编程，JavaScript是一种解释语言，浏览器会执行所遇到的每一行脚本。
注释形式：<!-- -->
JavaScript的一些典型应用
（1）改进导航
（2）验证表单
（3）特殊效果
（4）远程脚本调用（AJAX）Asynchronous JavaScript And XML 异步JavaScript 和 XML
Javascript一种常见的、容易的应用是显示日期和时间
<script type="text/Javascript"></script>
javascript命令和变量名称是区分大小写的。
javascript包括许多方式用于显示信息，其中最简单的方式之一是document.write语句。document.write("<h1>"+hours+":"+mins+":"+"secs"+"</h1>");
<body>
<script type="text/javascript" src="filename.js"></script>
</body>
JavaScript最初称为LiveScript，于1995年在Netscape Navigator2.0中首次引入。不久后就把它重命名为JavaScript，以指示与Sun和Java语言的市场营销关系——尽管Java与JavaScript之间并没有结构上或者其他方面的关系。
