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入门教程”再给大家详细探讨一下。
*
- （1）一般标签由于有开始符号和结束符号，可以在标签内部插入其他标签或文字；
- （2）自闭合标签由于没有结束符号，没办法在内部插入其他标签或文字，只能定义自身的一些属性。
*常见的自闭合标签
1、<meta/>
定义页面的说明信息，供搜索引擎查看。
2、<link/>
用于连接外部的CSS文件或脚本文件。
3、<base/>
定义页面所有链接的基础定位。
4、<br/>
用于换行。
5、<hr/>
水平线。
6、<input/>
用于定义表单元素
7、<img/>
图像标签。
1、HTML元素根据浏览器表现形式分为两类：①块元素；②行内元素；
2、块元素特点：
- （1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；
- （2）块元素内部可以容纳其他块元素或行元素；
- （3）当元素触碰到容器边缘的时候，会自动换行
-
表1 常见块元素 块元素 说明 div div层 h1～h6 1到6级标题 p 段落，会自动在其前后创建一些空白 hr 分割线 ol 有序列表 ul 无序列表
3、行内元素特点：
- （1）可以与其他行内元素位于同一行；
- （2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果；
-
常见行内元素 行内元素 说明 strong 加粗强调 em 斜体强调 s 删除线 u 下划线 a 超链接 span 常用行级，可定义文档中的行内元素 img 图片 input 表单
lvyestudy学习到列表，下一节学习表格