从平面设计转前端网站设计要了解的知识

最早开始做网站设计是高中时期，各校的BBS都还兴盛，门户网站是奇摩、蕃薯藤，最大的网络社团是cityfamily。 巴哈姆特还只是个学生做的BBS站。

当年我学会了用右键"查看源码" 开始抄写我分享插画创作时需要的< img src="" />

这是我最早接触到的HTML。

现在回头看，HTML其实是一种网站设计作者用来和浏览器沟通的语言。作者用不同的标签来告诉浏览器这些被输入的内容应该做什么样的呈现。

比如

< a href=""链接文字来表示炼出网址< /a >

< img src="表示图片" />

也就是网站设计上面所有构成的元素都是用不同的 tag (标签)来标示作用让浏览器知道要怎么呈现。

换句话说，我们人眼看的网站设计是浏览器看完HTML之后展示出来的结果。

所以常听到的 IE、firfox、chrome 呈现不一制的问题就是来自于不同浏览器对于HTML的解读有所不同。

在程序底的学习者来说，HTML的理解是以DOM(文件模型)为概念被理解， DOM 树其实在网站设计来说可以简单的理解为... 就是HTML，因为HTML里面充满我们标示过的内容，告诉浏览器现在应该有什么行为，网站在被读取时会由最上方第一行开始被读取、解析，就像一根树由根往上长开枝散叶一样。

所谓的 DOM 也就是指网站由 HTML 组成时整个文件本身元素的分布及组合，而网站设计的基本就是在一个文件里不停的增加内容，然后用hTML及其他方式标示用途后交给浏览器解析，最后变成我们看到的网站。

所以在接触HTML时不用太担心，就像学语言一样，只是要知道用什么词来表示可以让浏览器知道你现在希望这个内容被怎么呈现，如此而已。

在实作上，会用到的HTML也没有想象中多，一开始需要掌握的只有几个像

a 表示锚点

img 表示图片

div 表示群组的容器

table 表示表格

除了用 tag 能表示该内容的用途之外，每个tag 里都还可以增加一些参数式的说明来让浏览器理解并做出更多我们需要的行为，比如：

a href="" title="" alt="" align=""

网站设计这段HTML用来表示

a这个锚点 链接到某个地方、标题是什么、跑不出来时用什么内容来替代，往哪个方向对齐等等。

所以接触HTML时只要耐心的去理解每个 tab 的意思及明白他有什么参数可以指定就可以娱快的运用了，其实HTML的重点就在于，如何正确的告诉浏览器我想要的效果，如此而已。