web概念概述：
javaweb：使用Java语言开发基于互联网的项目。
软件架构：C/S，B/S
B/S架构详解：
客户端浏览器 --------网址---------------服务器端（静态资源，动态资源）
静态资源：
1.使用静态网页开发技术发布的资源。
2.特点：
所有用户访问得到的结果都是一样的。
如：文本，图片，音频，视频，html,css,javaScript
如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，浏览器中内置的静态资源解析引擎，可以展示静态资源。
动态资源：
1.使用动态网页及时发布的资源。
2.特点：
所有用户访问得到的结果可能不一样。
如：jsp/servlet,php,asp....
如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。
我们要学习动态资源，必须先学习静态资源。
静态资源：
HTML:用于搭建基础网页，用于展示页面的内容。
CSS :用于美化页面，布局页面
JAVASCRIPT:控制页面的元素，让页面有一些动态的效果。javascript
HTML概念：是最基础的网页开发语言，Hyper Text Markup Language 超文本标记语言
超文本：超文本是用超链接的方法，将不同空间的文字信息组织在一起的网状文本。
标记语言：由标签构成的语言。<标签名称> 如：html,xml
标记语言不是编程语言。
快速入门：
语法：
1.html文档后缀名.html和.htm
2.标签分类：
a.围堵标签：有开始标签和结束标签。如：<html></html>
b.自闭和标签：开始标签和结束标签在一起。如：<br/>
3.标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你。
错误：<a><b></a></b>
正确：<a><b></b></a>
4.在开始标签中，可以定义属性，属性是由键值对构成，值需要用引号（单引号和双引号都可以）引起来。
5.html的标签不区分大小写，建议使用小写。
标签学习：
1.文件标签：构成html最基本的标签
html:html文档的根标签
head：头标签，用于指定html文档的一些属性。引入外部的资源。
title：标题标签
body：体标签，浏览器窗口展示的内容。
<!DOCTYPE html> : html5中定义文档是html
2.文本标签：和文本有关的标签
注释：<!-- 注释内容-->
<h1>....<h6> 标题标签
<p> 段落标签
<br> 换行
<hr> 显示一条水平线
color 颜色，width宽度，size 高度， align对其方式 center居中，left左对齐，right右对齐
<b> 字体加粗
<i> 字体斜体
<font> 字体标签
<center>文本居中
属性：color颜色，size大小，face字体
属性定义：color:1.英文单词：red,green,blue
2.rgb(值1，值2，值3) 值的范围0~255 如：rgb(0,0,255)
3.#值1值2值3 00~ff 十六进制的颜色表达方法。
width：
1.数值：with='20'，数值的单位，默认是px（像素）
2.数值%：占比相对于父元素的比例
3.图片标签
<img />
* img：展示图片
* 属性：
* src：指定图片的位置
* 代码：
<!--展示一张图片 img-->
<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
<!--
相对路径
* 以.开头的路径
* ./：代表当前目录 ./image/1.jpg
* ../:代表上一级目录
-->
<img src="./image/jiangwai_1.jpg">
<img src="../image/jiangwai_1.jpg">
4.列表标签：
<ol type="A" start="3">
<li>吃饭</li>
<li>吃饭</li>
<li>吃饭</li>
<li>吃饭</li>
</ol>
<ul type="square">
<li>吃饭</li>
<li>吃饭</li>
<li>吃饭</li>
<li>吃饭</li>
</ul>
5.链接标签
* a:定义一个超链接
* 属性：
* href：指定访问资源的URL(统一资源定位符)
* target：指定打开资源的方式
* _self:默认值，在当前页面打开
* _blank：在空白页面打开
<!--超链接 a-->
<a href="http://www.itcast.cn">点我</a>
<br>
<a href="http://www.itcast.cn" target="_self">点我</a>
<br>
<a href="http://www.itcast.cn" target="_blank">点我</a>
<br>
<a href="./5_列表标签.html">列表标签</a><br>
<a href="mailto:[email protected]">联系我们</a>
<br>
<a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>
6. div和span：和css结合用。 div和span没有样式。
* div:每一个div占满一整行。块级标签
* span：文本信息在一行展示，行内标签 内联标签
7. 语义化标签：html5中为了提高程序的可读性，提供了一些标签。
1. <header>：页眉
2. <footer>：页脚
6.表格标签：
* table：定义表格
* width：宽度
* border：边框
* cellpadding：定义内容和单元格的距离
* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
* bgcolor：背景色
* align：对齐方式
* tr：定义行
* bgcolor：背景色
* align：对齐方式
* td：定义单元格
* colspan：合并列
* rowspan：合并行
* th：定义表头单元格
* <caption>：表格标题
* <thead>：表示表格的头部分
* <tbody>：表示表格的体部分
* <tfoot>：表示表格的脚部分