首页 > 代码库 > Html快速入门
Html快速入门
Html是一门编写网页的语言。
在我学习Html的时候，网上的很多朋友说，直接使用【记事本】编写就行了，最后保存为后缀名为 .html 的文件。
不过，我建议你用【Nodepad++】来编写网页，用这个软件有几个好处：
1，像<html>这样的标签，在Nodepad++中是变颜色的，方便识别；而且成对的标签可以折叠。
2，按住Ctrl键，滑动滑轮，可以放大或缩小字体，我就比较喜欢大字体，不费眼睛。
你可以到网上搜一下Nodepad++，然后安装一下。
下面就开始编写你的第一个网页。
1，打开Nodepad++，选择【文件】->【新建】
2，在新建的文件中输入下面的内容：
<html><head><title>html快速入门</title></head><body>这是我写的第一个网页。原来写网页是这么的简单！</body></html>3，选择【文件】->【保存】->在文件名右边的框中写上 home.html
->单击保存
4，找到 home.html保存的位置，双击打开，就可以看到你写的第一个网页了。
下面开始讲解这个网页的内容。
1，像 <html>，<head>，<body>，这些都是标签，而且一般都是成对出现的，比如<html></html>，后面的那个标签多一个斜线 / ，这就构成了一对闭合的标签。
2，网页是由上面介绍的这些标签构成的。
(1)最外层是<html></html>，它表明了这是一个网页；
(2)内部的<head></head>，它代表网页的“头”，这里面一般会写脚本和样式，后面我会讲到，暂时不用管。
(3)head标签内部的title标签，title体现了网页的主题内容，一定要加上。而且要突出关键词，方便用户搜索到。例如：
方式A： <title>小游戏 | 休闲小游戏 </title>
方式B： <title>小游戏 - 打造全国最好休闲小游戏网站</title>
这两种表达方式除了能有效提高主关键字【小游戏】的词频外，还增加了意义相近的辅关键字【休闲小游戏】。其中，A中采取的是多个关键字简单排列的形式；而B则采取的是对主关键字进行描述的形式，这样不但更能得到搜索引擎的青睐，同时也更能吸引用户的点击。
(4)<body></body>，它代表网页的“身体”，里面的文本可以直接在网页中看到。一般其他的标签也都是放在body当中的，后面我会讲到。
学到这里，你就可以编写出一个简单的网页了，下面说几点内容，帮你排除一些困惑。
1，怎么判断一个文件是不是网页？
一般，网页的后缀名都是 .html，.htm，所以我让你把刚才新建的文件保存为 home.html，这就把它保存为了网页，你就可以双击打开它，在浏览器中看到这个网页。
2，我看到一些网页的头部有下面的内容，请问它是什么啊？我用记住怎么写吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个是用来告诉浏览器：这个网页是什么类型。网页有不同的类型，不同类型就有不同的要求，像这里的Transitional，就说明了这是一个过渡类型的网页，也就是一个有要求、但要求不太严格的网页。
完全没有必要记住这一串内容怎么写。我当时学习网页的时候就是被这一串内容吓得几天不敢学html了，你只要知道这是一段网页类型的声明就行了，如果你使用【Dreamweaver】来建网页，它会自动给你写好的。即便Nodepad++没有添加，那也是直接复制一下就行了，而且学习html的时候，根本不用管这段内容。
3，每建一个网页，我都需要把这些内容一个字母一个字母的敲出来吗？
刚开始学习的时候，最好手动敲一下这些标签，比如html，head，body等等。多写多练习，很容易就学会了。
当你熟练了以后，可以直接使用【Dreamweaver】来建网页，新建的网页直接就包括了html的基本结构，你只需要添加需要的内容就行了。
而且，当你工作之后，写的很多网页可能都是类似的，基本上都是粘贴复制，然后修改一下。不过，粘贴复制容易出错，因为可能某个地方你没有修改过来，因此，你要仔细检查一下。