快速学习HTML和网页制作
学会HTML语言不仅仅是可以开始自己制作或者修改网页，更重要的是你会更加了解网页和网站最基本的机构，方便你进行SEO或者学习Div+Css以及网络编程。飞晏学习HTML是强迫自己看了2天的教学视频，然后做了十几个静态页面组成一个网站去追一个小女生，新手做的自然十分难看，女孩是没追到，但是自此我就学会了基本的HTML语言和网页制作。
一、网页制作必须的工具
虽然一些怀旧的老师首推FrontPage，但是对于初学者来说Dreamweaver还是首选。任何人学习新知识都会有偷懒的心理，但是我强烈建议真心学习的人直接使用Dreamweaver的代码模式，而非设计模式，这样会加速学习的进度。
二、标签
HTML使用标签来展示内容，不同标签代表的意义不同，例如<head>和</head>之间的内容是网页信息，<title>和</title>之间就是网页的标题，将会显示在浏览器上方的文字。不同标签对应不同的英文单词或者其缩写，body代表着网页的主体区域，h1-h6就是headline的意义，而1-6代表从大到小。
HTML 的规则规定了所有的元素都必须关闭，所以HTML的大部分标签都是成双成对，<p>和</p>，<span>和</span>。但是还有一些代表空字符的标签是单独的，例如换行符<br />，元标记<meta />，引用外部文件的<link />标签等。在HTML4中，这些单独的标签不用加上空格和“/”的，但是这不符合W3C标准，所以在HTML5中将不在支持这样没有封闭的标签，大家学习的时候还是养成好的习惯为好。请参考下面基本常用的标签：
| 标签 | 描述 |
| <html> </html> | 定义HTML文档 |
| <head> </head> | 定义头部信息 |
| <title> </title> | 网页标题 |
| <meta > | 元标记 |
| <link > | 引用外部文件 入css文件 |
| <body> </body> | 网页主体 显示在浏览器的信息 |
| <p> </p> | 段落 |
| <table> </table> | 表格 |
| <a> </a> | 超链接 |
| <strong> </strong> | 文本加粗 |
注意：在HTML5之前的版本中，代码大小写都是支持的，但是HTML5开始不支持大写。
三、网页的编码
不同的国家使用不同的网页编码，中国大陆和新加坡使用的GBK(GB2312)，台港澳地区使用的是BIG5，在没有GBK编码的电脑上浏览GBK编码的网页，所看到的是乱码。国际通用的是UTF编码，有UTF-8、UTF-16和UTF-32，我们经常使用的是UTF-8。使用Dreamweaver制作网页的时候，可以在编辑-首选参数-新建文档-默认编码修改你使用的编码，我们中文网站一般使用GBK或者UTF-8。切记使用Dreamweaver编辑的网页的不要使用记事本编辑，否则可能会造成网页乱码。
四、网页中的图片
在网页中插入图片使用如下代码：<img src="图片路径" alt="" />，alt属性是鼠标移到图片上显示的提示文字，也可以在图片标签内加入Css或者JavaScript代码来取得不同的效果，一个完整的图片应该是如下的格式：<img src="/demo.jpg" alt="HTML学习" border="0" width="300" height="100" />。
五、文字
在不使用Div+Css来架构网站的情况下，使用以下属性可以编辑文字。font:包括color(颜色)和size(大小)两个常用属性，例如<font color="red">这是红色的文字</font>。同样我们也可以使用<font size=""></font>属性来限定文字的大小。
六、布局
一般的网页布局如上图所示，container区域是我们需要的页面的大小，header区域是头部导航栏、logo和banner，pagebody自然就是网页中间提供信息的区域，而footer则是放置网站信息和备案信息的区域。在没有学习Div+Css之前，使用table来做这样的布局是再简单不过了，也不会出现Div中常见的错位。最简单的布局如下，使用一个表格就可以取得下面的效果，在表格里面再嵌入表格会做出很好看的效果！注意：表格虽然简单，但是多层嵌套的表格不利于搜索引擎优化。
HTML其实蛮简单的，不过我写这些只是很基本的东西，要想深入学习请去搜索下比较详细的视频教程，然后边学边实践。学完了HTML的就开始学习Div+Css吧，只要努力，有一天你也会做出结构合理、代码简介的网页的。
相关日志
