1、从web1.0到web2.0，网页制作已经变为前端开发了。现在对于前端开发，你要学的不是什么“网页三剑客”，而是“HTML+CSS+JavaScript”；
2、前端技术核心元素的是HTML、CSS和JavaScript，但是我们还要学习一些Ajax、SEO知识；
3、前端技术只能开发静态网页，而进一步学习了后端技术，你能开发一个用户交互性更好、功能更加强大的网站；
4、后端技术有ASP.NET（或PHP）、SQL Server等；
5、学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET进阶（或PHP进阶）；
1、学习HTML就是学习各种标签，然后针对你想要的内容来使用相应的标签；
2、HTML标签即“HTML元素”；
HTML的基本结构
<!DOCTYPE HTML>
<html>
<head></head>
<body></body>
</html>
head标签
一般来说，只有6个标签能放在<head>标签内：
① <title>；
② <meta>；
<meta>标签又叫“元信息标签”，是<head>标签内的一个辅助性标签。<meta>标签提供的信息不显示在页面中，一般用来定义页面的关键字、页面的描述等，以方便搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）来搜索到你这个页面的信息。通俗点说，meta标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
③ <link>；
④ <style>；
⑤ <script>
⑥ <base>；
*在此说明一下，一般一个页面只能有一个<h1>，而<h2>~<h6>可以有多个。h1~h6标题标签并非是那么简单的，对于网页搜索引擎优化，是极其重要的标签。我们在“SEO入门教程”再给大家详细探讨一下。
*
定义页面的说明信息，供搜索引擎查看。
用于连接外部的CSS文件或脚本文件。
定义页面所有链接的基础定位。
用于换行。
水平线。
用于定义表单元素
图像标签。
1、HTML元素根据浏览器表现形式分为两类：①块元素；②行内元素；
2、块元素特点：
| 块元素 | 说明 |
|---|---|
| div | div层 |
| h1～h6 | 1到6级标题 |
| p | 段落，会自动在其前后创建一些空白 |
| hr | 分割线 |
| ol | 有序列表 |
| ul | 无序列表 |
3、行内元素特点：
| 行内元素 | 说明 |
|---|---|
| strong | 加粗强调 |
| em | 斜体强调 |
| s | 删除线 |
| u | 下划线 |
| a | 超链接 |
| span | 常用行级，可定义文档中的行内元素 |
| img | 图片 |
| input |
表单
|
lvyestudy学习到列表，下一节学习表格
原文：http://www.cnblogs.com/gringe/p/4896462.html