感谢你的路过，希望学生的笔记能给你一点微不足道的参考
Java基础思维导图，完整Java体系的链接
目录标题
一，B/S: Browser/Server 浏览器/服务器端
* 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序
* 优点：
1. 开发、安装，部署，维护 简单
* 缺点：
1. 如果应用过大，用户的体验可能会受到影响
2. 对硬件要求过高
B/S架构详解
* 资源分类：
1. 静态资源：
* 使用静态网页开发技术发布的资源。
* 特点：
* 所有用户访问，得到的结果是一样的。
* 如：文本，图片，音频、视频, HTML,CSS,JavaScript
* 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
2. 动态资源：
* 使用动态网页及时发布的资源。
* 特点：
* 所有用户访问，得到的结果可能不一样。
* 如：jsp/servlet,php,asp...
* 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器
* 我们要学习动态资源，必须先学习静态资源！
* 静态资源：
* HTML：用于搭建基础网页，展示页面的内容
* CSS：用于美化页面，布局页面
* JavaScript：控制页面的元素，让页面有一些动态的效果
二， HTML
2.1. 概念：是最基础的网页开发语言
* Hyper Text Markup Language 超文本标记语言
* 超文本:
* 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
* 标记语言:
* 由标签构成的语言。<标签名称> 如 html，xml
* 标记语言不是编程语言。 HTML 运行在浏览器上，由浏览器来解析。
2.2 快速入门：
1. html文档后缀名 .html 或者 .htm
2. 标签分为
1. 围堵标签：有开始标签和结束标签。如 <html> </html>
2. 自闭和标签：开始标签和结束标签在一起。如 <br/>
3. 标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
错误：<a><b></a></b>
正确：<a><b></b></a>
4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
5. html的标签不区分大小写，但是建议使用小写。
2.3 开发工具:HBuilder
再给的资料里，直接解压就能用
2.4 常用标签：
1.基本结构：构成html最基本的标签
* html:html文档的根标签
其他标签都要在他里面
lang属性：你的文件是那个国家的
* head：头标签。用于指定html文档的一些属性。引入外部的资源
* title：标题标签。
定义浏览器标题的
* body：体标签
定义浏览器内容的
* <!DOCTYPE html>：html5中定义该文档是html文档
* HTML注释以<!-- 开头 ，以-->结尾。 可以是一行，也可以是多行
代码：
<!-- 声明当前文档是html5文档 -->
<!DOCTYPE html>
<!-- html,根元素 ，围堵标签-->
<html>
<!--
head,头元素：
作用：
1、用于指定HTML文章中的一些元数据，
例如元数据 meta：定义页面的编码格式
title:定义页面的标题
2、引入外部的资源文件--未来讲解
-->
<head>
<meta charset="utf-8" />
<title>这是我的第一个HTML页面</title>
</head>
<!--body，主体：浏览器显示的内容都将在这里编写
格式化代码的快捷键：ctrl+shift+f（英文状态下使用）
-->
<body>
hello html 这是我的第一个HTML页面
</body>
</html>
2. 文本标签：和文本有关的标签
标签
* <h1> to </h6>：标题标签
* h1~h6:字体大小逐渐递减
* <br>：换行标签
* <p></p>：段落标签
* <hr/>：展示一条水平线
* 属性：
* color：颜色
* width：宽度
* size：高度
* align：对其方式
* center：居中
* left：左对齐
* right：右对齐
* <span/>：范围标签 一般在大段内容中，为了突出部分内容的时候使用的标签；很少独立使用，一般嵌套在其他的标签中使用。
不是因为有了范围标签，局部内容的样式才有变化；是为了改变局部内容样子，我们才通过范围标签包裹，然后修改它的样式。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>1、与文本相关的标签</h1>
<!--1、与文本相关的标签
1、标题标签 6个<h1></h1>~<h6></h6>
2、段落标签 <p></p>
3、换行标签 <br/> --自闭和标签
4、水平线标签 <hr /> --自闭和标签
5、范围标签 <span></span>
-->
<h2>摸鱼儿.雁丘词</h2>
<p>为世间情为物,很难大彻大悟；</p>
<p><span style="color: red;">感情</span>上的事，真的不能过于盲目。</p>
<p>为世间情为物,很难大彻大悟；<br/>感情上的事，真的不能过于盲目。</p>
<hr color="red" size="5" />
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
3. 图片标签：
*< img/>：展示图片
* 属性：
* src：指定图片的位置
相对路径
* 以.开头的路径
* ./：代表当前目录 ./image/1.jpg
* ../:代表上一级目录
热点区域（例子）：
<img src="img/bg1.png" usemap="#地图名称" />
<map name="自定义图名称">
<area shape="形状名称" 3种取值：circle-圆形 rect-矩形 poly-多边形
coords="坐标（多个值之间用逗号隔开）"
circle-圆形有3个数字：分别是圆心的横坐标、纵坐标和圆半径
rect-矩形有4个数字：分别是左上角的横纵坐标、右下角横纵坐标
poly-多边形取决于边数：按顺时针写好每个点的横纵坐标
href="点击该剧由的时候跳转的目标URL"
title="鼠标悬浮在该区域的时候的提示文字"/>
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>2、图片标签</h1>
<!--
设置图片的热点区域：
<img src="img/bg1.png" usemap="#地图名称" />
<map name="自定义图名称">
<area shape="形状名称" 3种取值：circle-圆形 rect-矩形 poly-多边形
coords="坐标（多个值之间用逗号隔开）"
circle-圆形有3个数字：分别是圆心的横坐标、纵坐标和圆半径
rect-矩形有4个数字：分别是左上角的横纵坐标、右下角横纵坐标
poly-多边形取决于边数：按顺时针写好每个点的横纵坐标
href="点击该剧由的时候跳转的目标URL"
title="鼠标悬浮在该区域的时候的提示文字"/>
-->
<img src="../img/bg1.png" usemap="#myMap" />
<map name="myMap">
<area shape="circle" coords="100,100,100" href="circle.html" title="圆形"/>
<area shape="rect" coords="400,100,600,200" href="rect.html" title="矩形"/>
<area shape="poly" coords="500,300,600,400,500,400" href="poly-triangle.html" title="三角形"/>
<area shape="poly" coords="300,240,400,300,360,400,240,400,200,300" href="poly.html" title="多边形"/>
</map>
<!--img 显示图片
常用属性： src:指定图片的路径
路径分类：相对路径：推荐使用
例如：<img src="img/cat.jpg" />
表示与当前文件同级的img文件夹下的cat.jpg图片
../表示上一级目录
<img src="../img/cat.jpg" />
表示与当前文件上一级目录中的img文件夹下的cat.jpg图片
绝对路径：不推荐使用
一般都是以盘符开头，例如：C:\Users\W-ln\Pictures\image
title:作用1：鼠标悬浮在图片上的时候显示的文字
2：当图片因为各种原因无法正常显示的时候，应该显示图片的位置显示title中的文字
alt:与title作用相同，但是有些浏览器不支持该属性，所以我们一般使用title属性
width和height：宽度和高度，设置之后图片可能会失真
-->
<img src="../img/cat.jpg" title="服不服?" width="200px" height="300px"/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>我是圆形</h1>
</body>
</html>
a<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>我是多边型--三角形</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>我是矩形</h1>
</body>
</html>
4. 列表标签：
* 有序列表：
* <ol> </ol>
* <li> </li>
* 无序列表：
* <ul></ul>
<li> </li>
代码：
<!DOCTYPE html>
<html>
<head>
<
最低0.47元/天 解锁文章
555
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
