这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天
可以把浏览器上所看到的一个页面当作一个HTML文件，页面的各种内容都是HTML提供的，置于排版则需要CSS的帮助，交互功能则需要Javascript这类编程语言的帮助。
对于本地网站，应该把所有的相关文件放在一个单独的文件夹中。这个文件夹通常含有以下文件：
index.html这个页面通常包含主页内容，展示各种文字和图片等等；style文件夹用来存放设置内容样式的CSS文件们；script文件夹用来存放提供交互功能Javascript代码们；- 其它资源也可以放在分类放在单独的子文件夹中。
这些文件各司其职。
HTML
因此，首先应该对HTML有所了解。
HTML是一种标记语言（注意不是编程语言），用各种标签（元素）来描述网页的内容。
标签通常为一对，一个开始标签和一个结尾标签，两个标签中的称之为内容，一对标签+其中的内容称之为元素。eg：<p>元素内容</p>
除此之外没有内容的称之为空标签。eg：<br/>
每个标签最好都对其进行关闭。
每个元素又都可以具有属性，比如设置这个元素的宽高、id、class之类，属性通常在开始标签中进行描述。
eg：<p id="1">我具有属性</p>
元素之间还可以进行嵌套，但要注意标签之间的对应关系。
html的所有内容都要放在<html><html/>标签中，需要展示给用户的内容放在<body><body/>中，<head><head/>标签中存放不需要让用户看到的比如<meta/>、<style><style/>之类的元素，而在html5中可以不需要<head><head/>，只要把这类内容放在<body><body/>的外面就可以了。
<!DOCTYPE> 并不是HTML的标签，它用来告诉浏览器这个文件的类型，<!DOCTYPE html>表示这是一个html5的文件。
上手HTML并没有太大的难度，我们只需要从W3C或者MDN这类的网站中快速观看一遍有哪些标签，每个标签有哪些属性，就可以上手了，但如果想要做出更加具有美感和交互能力的内容的话就需要CSS和JavaScript了。不过，这需要学习大量的标签和它具备的属性还有各种api，才能编写出一份网页的demo，所以需要不断地积累才行，而且如果想要代码容易维护，还要根据demo对各种元素进行划分，并分配到指定的其它文件中去。
学习资料：
