---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -----------------------
虽然我们可以使用专业的 HTML 编辑器来编辑 HTML：
· Adobe Dreamweaver
· Microsoft Expression Web
· CoffeeCup HTML Editor
不过，还是推荐使用记事本来学习 HTML，通过记事本，依照以下四步来创建您的第一张网页。
步骤一：启动记事本
如何启动记事本：
开始
所有程序
附件
记事本
步骤二：用记事本来编辑 HTML
在记事本中键入 HTML 代码：
步骤三：保存 HTML
在记事本的文件菜单选择“另存为”。
当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html扩展名。两者没有区别，完全根据您的喜好。
在一个容易记忆的文件夹中保存这个文件，比如w3school。
步骤四：在浏览器中运行这个 HTML 文件
启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的 HTML 文件。
结果应该类似这样：
· HTML 格式化
· HTML 样式
如何使用样式
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：
外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过<style> 标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
访问我们的CSS 教程，学习更多有关样式的知识。
| 标签 | 描述 |
| 定义样式定义。 | |
| 定义资源引用。 | |
| 定义文档中的节或区域（块级）。 | |
| 定义文档中的行内的小块或区域。 | |
| 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。 | |
| 定义基准字体。不赞成使用。请使用样式。 | |
| 对文本进行水平居中。不赞成使用。请使用样式。 |
HTML 超链接（链接）
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
我们通过使用<a> 标签在 HTML 中创建链接。
有两种使用<a> 标签的方式：
1. 通过使用 href 属性 - 创建指向另一个文档的链接
2. 通过使用 name 属性 - 创建文档内的书签
延伸阅读：什么是超文本？
HTML 链接语法
链接的HTML 代码很简单。它类似这样：
<a href="url">Link text</a>
href属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例
<a href="http://www.w3school.com.cn/">Visit W3School</a>
上面这行代码显示为：Visit W3School
点击这个超链接会把用户带到 W3School 的首页。
提示："链接文本" 不必一定是文本。图片或其他HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
HTML 链接 - name 属性
name属性规定锚（anchor）的名称。
name属性用于创建HTML 内部的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法：
<a name="label">Text to be displayed</a>
提示：锚的名称可以是任何你喜欢的名字。
实例
HTML文档内部的已命名的锚：
<a name="tips">Useful Tips Section</a>
然后，我们创建指向相同文档中“有用的提示”部分的链接：
<a href="#tips">Visit the Useful Tips Section</a>
或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：
<a href="http://www.w3school.com.cn/html_links.htm#tips">
Visit the Useful Tips Section
</a>
在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。
具体效果：有用的提示
基本的注意事项- 有用的提示：
注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。
提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。
提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
--------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------
8455
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
