摘要：
第8课：链接 在这一课，你将学习如何在网页之间做链接。 如何做链接？ 做链接也是通过元素（element）实现的。做链接只需一个元素和一个属性就行了。下面是一个例子，它是一个 指向HTML.net的链接： 例1： 该例在浏览器中将显示如下： 这是一个指向HTML.net的链接 元素a代表“链接（anchor）”；属性href代表“超文本引用（hypertex... 阅读全文
摘要：
第5课：到目前为止学到了些什么？ 始终以上一课中的基本模版为起点制作新网页： 网页标题（title）写在head（头部）里：<title>网页标题写在这里</title>。 注意，网页标题将显示在浏览器窗口的标题栏上： 网页标题（title）尤其重要，因为搜索引擎（比如Google）要用它来索引网页，并显示在搜索结果里。 网页的实际内容写在body（主体部分）里。你已经掌握... 阅读全文
摘要：
第6课：学习更多元素 你有没有独立完成过一些网页？如果还没有，请看下面的例子： 看完了，然后呢？ 现在要学习七个新元素。 前面学过，你可以通过用<b>和</b>把文本括起来，把文本设为 粗体；类似地，你可以通过用<i>和</i>把文本括起来，把文本设为斜 体。没错，这里的“i”是“斜体（italic）”... 阅读全文
摘要：
第7课：属性 许多元素都可以设置属性。 属性是什么？ 也许你还记得，HTML通过标签告诉浏览器如何展示网页（比如<br />告诉浏览器显示一个换行）。你可 以为某些元素附加一些信息，这些附加信息被称为属性（attribute）。 例1： 属性应写在元素的首标签上。具体写法是：属性名称（attribute name）后紧跟一个等号（“=”），后面写上用双引号... 阅读全文
摘要：
第4课：制作自己的第一个网站 有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的第一个网站了。 如何做呢？ 通过第一课，我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文本编辑器）。既然你现在已经在用浏览器阅读本教程了，那么请再打开一个窗 口——这样你就可以一边阅读本教程，一边欣赏你的新网页了。 另外，请打开记事本程序（Notepad）：依次选... 阅读全文
摘要：
第2课：HTML是什么？ 这一课将为你简要介绍你的新朋友——HTML。 HTML是什么？ HTML是浏览器的“母语”。 长话短说，HTML是由一名叫Tim Berners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML取得了的巨大成 功，大大超出了Tim Berners-Lee的原... 阅读全文
摘要：
第3课：元素与标签 现在你要学习的是HTML的重要成分——元素（element）。 元素用于结构化HTML文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（start tag）、内容（content）和尾标签（end tag）构成。 “标签”是什么？ 标签（tag）指示元素的起始与结束。 所有标签都具有相同的格式：以小于号“&... 阅读全文
摘要：
第1课：开始学习 在这第一课中，我们简要介绍制作网站所需的工具。 需要哪些工具？ 十之八九，你已经拥有所需的全部工具了。 “浏览器（browser）”你有了，它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。 游览器有很多可供选择，最普及的浏览器当属微软（Microsoft）公司的Internet Explorer（俗称“IE”），其他... 阅读全文
摘要：
接下来是HTML教程 介绍 - 免费的HTML教程 人们常常以为制作一个网站很难，但其实并 非如此！人人都能学会如何制作网站。而且，假如你继续阅读本教程的话，你将能在一小时内制成一个网站。 有些人觉得制作网站需要昂贵的、高级的工具——当然这是错误的。的确有许多软件声称它们可以为你创建网站，它们有的比较好用，有的就差些。但如果你 要制作符合W3C规范并令你满意的网页的话，你必... 阅读全文
摘要：
第16课：Web标准与验证 W3C即万维网联盟（World Wide Web Consortium）， 是一个制订相关Web标准（如HTML、CSS和XML等）的非盈利组织。微软、Mozilla基金会以及许多其他的公司与组织都是W3C的成员，它们共 同协商确定Web标准的未来发展。 假如你曾有过Web开发经验的话，你也许知道，同一网页在不同浏览器上的显示效果会存在着天壤之别。要设计一个能在Mozi... 阅读全文
摘要：
第15课：用z-index进行层次堆叠 CSS可以处理高度、宽度、深度三个维度。在前面的课程中，我们已经了解了前两个维度。在本课中，我们将学习如何令不同元素具有层次。简言之，就是 关于元素堆叠的次序问题。 为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。 比方说，我们正在打扑克，并且拿了一手同花大顺。我们可以通过为各张牌设定一个z-inde... 阅读全文
摘要：
第14课：元素的定位 CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高 级而精确的布局。 本课我们将讨论以下内容： CSS定位的原理绝对定位相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统： CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模型（参见第9课）... 阅读全文
摘要：
第13课：浮动元素（float） 我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的 右边或者左边（参见第9课关 于盒状模型的描述）。下图阐明了其原理： 举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示： 如何实现这个效果？ 上例的HTML代码如下所示： 要实现图片向左浮动、而且被文字环绕的效果，你只需先设定图片... 阅读全文
摘要：
第12课：高度和宽度 到目前为止，我们还没有在元素尺寸方面给予关注。在这一课，我们将看到为元素定义高度和宽度是十分简单的。 设定宽度 [width]设定高度 [height] 设定宽度[width] 你可以通过width属性来设定一个元素的宽度，即在水平方向上的尺寸。 下面是一个简单的例子，它为我们提供了一个可以容纳文本的盒子： 显示示例 设定高度[height] 注意上一个例子，盒子里内容的... 阅读全文
摘要：
第11课：边框 边框（border）可以有多种用途，比如作为装饰元素或者作为划分两物的分界线。在设置边框方面，CSS为你提供了无尽选择。 border-widthborder-colorborder-style一些示例缩写 [border] 边框宽度[border-width] 边框宽度由CSS属性border-width定义，其值可以是“thin”（薄）、“... 阅读全文
摘要：
第10课：外边距和内边距 上一课，你学习了盒状模型。在这一课，我们将了解如何通过设置margin（外边距）和padding（内 边距）这两个CSS属性来改变元素的显示。 为元素设置外边距为元素设置内边距 为元素设置外边距 一个元素有上（top）、下（bottom）、左（left）、右（right）四个边。外边距（margin）表示从 一个元素的边到相邻元素(或者文档边界)之间的距离。可以参考第9... 阅读全文
摘要：
第9课：盒状模型 CSS中的盒状模型（box model）用于描述一个为HTML元素形成的矩形盒子。盒状模型还涉及为各个元素调整外边距（margin）、边框（border）、内边距 （padding）和内容的具体操作。下图显示了盒状模型的结构： CSS中的盒状模型 上面的图示看上去可能感觉有点理论化，好吧，让我们试着用一个实例来解释盒状模型。在我们的例子中，有一个标题和一些文本。该例的HTM... 阅读全文
摘要：
第8课：组织元素（span和div） span和div元素用于组织和结构化文档，并经常联合class和id属性一起使用。 在这一课中，我们将进一步探究span和div的用法，因为这两个HTML元素对于CSS是很重要的。 用span组织元素用div组织元素 用span组织元素 span元素可以说是一种中性元素，因为它不对文档本身添加任何东西。但是与CSS结合使用的话，span可 以对文档中的部分文... 阅读全文
摘要：
第7课：元素的分类与标识（class和id） 有时，你希望对特定元素或者特定一组元素应用特殊的样式。在这一课，我们将深入学习如何利用class和id来 为所选元素指定属性。 如何实现为网站上许多标题中的某一个单独应用颜色？如何实现把网站上的链接分为不同的类，并对各类链接分别应用不同的样式？这只是本课将解决的诸多 问题中的最具代表性的两个问题。 用class对元素进行分类 比方说，我们有两个由链接... 阅读全文
摘要：
你在前面几课学到的属性也可以应用到链接上（比如修改颜色、字体、添加下划线等）。但不同的是，CSS允许你根据链接是未访问的、已访问的、活动 的、是否有鼠标悬停等分别定义不同的属性。这样，我们便可为网站增添奇特而有用的效果。你需要通过伪类（pseudo-class）来控制这些效果。 伪类是什么？ 伪类（pseudo-class）令你可以在为HTML元素定义CSS属性的时候将条件和事件考虑在内。 我... 阅读全文