一、WEB概念
1、软件架构
C/S：安卓、QQ、迅雷，开发两端
B/S
2、资源分类
静态资源：浏览器内置解析引擎
HTML：展示内容
CSS：页面布局
JavaScript：控制页面元素，产生动态效果
动态资源：服务器执行后转为静态资源
二、HTML
1、概念
Hyper Text Markup Language-超文本标记语言
超文本：各种文本网状组织
标记：标签构成
2、入门
标签分为围堵标签和自闭和标签
<!DOCTYPE html>：定义文档类型
文本标签
<i>：斜体
<font>：字体
color
单词
RGB
#AABBCC：00-FF之间的16进制
size
face：字体
图片标签<img src="data:image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="300"/>
alt表示替换的文本
列表标签
有序：ol>li
无序：ul>li
链接标签：a
指向链接、html文件（相对路径）、邮箱（mailto）、图片链接（嵌套img标签）
target属性：打开资源的方式
_self：在当前页面打开
_blank：在空白页面打开
3、div和span标签
与CSS结合使用，方便通过CSS进行控制
div：块级标签（自动换行）
span：内联标签（行内标签）
4、语义化标签（H5）
之前：div包裹，附加id，使用css控制
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>黑马程序员简介</title>
</head>
<body>
<div id="header">
<h1>公司简介</h1>
</div>
<hr color="#f0ff18" />
<p>
<font color="#ff0000"> "中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN， 并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展， 而企业招不到优秀人才的困扰。
</p>
<p>
目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地， 并被评为中关村软件园重点扶持人才企业。
</p>
<p>
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”， 必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量，并降低企业的用人风险。
</p>
<p>
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新， 不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。
</p>
<hr color="#f0ff18" />
<div id=""footer>
<font color="#696969" size="2">
<center>
江苏传智播客教育科技股份有限公司 版权所有<br>
Copyright © 2006-2018, All Rights Reserved 苏ICP备16007882
</center>
</font>
</div> </body>
</html>
现在
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>黑马程序员简介</title>
</head>
<body>
<header>
<h1>公司简介</h1>
</header>
<hr color="#f0ff18" />
<p>
<font color="#ff0000"> "中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN， 并委托传智播客进行教学实施
的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展， 而企业招不到优秀人才的困扰。
</p>
<p>
目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地， 并被评为中关村软件园重点扶持人才企业。
</p>
<p>
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度，远比现在
90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”， 必须经历长达2个
月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说，黑马程序员训练营所
有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量，并降低企业的用人风险。
</p>
<p>
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新， 不断引入先进的技术，研发更新技术
课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量
的IT人才服务平台。
</p>
<hr color="#f0ff18" />
<footer>
<font color="#696969" size="2">
<center>
江苏传智播客教育科技股份有限公司 版权所有<br>
Copyright © 2006-2018, All Rights Reserved 苏ICP备16007882
</center>
</font>
</footer>
</body>
</html>
5、表格标签
三、综合案例：旅游网站首页
之后使用div和css
现在使用table完成
