HLML课堂笔记

web概念概述

javaWeb：
使用java语言开发基于互联网的项目
软件架构：
1.C/S：客户端/服务器端
例如：QQ，迅雷…
优点：
1.用户体验好
缺点：
1.开发，安装，部署，维护 麻烦
2.B/S：浏览器/服务器端
只需要一个浏览器，用户通过不同的地址（URL），客访问不同的服务端程序
优点：
1.开发，安装，部署，维护 简单
缺点：
1.如果应用过大，用户体验可能会受到影响
2。对硬件要求过高

B/S架构详解

资源分类：
1.静态资源：
使用静态网页开发技术发布的资源
特点：
1.所有用户访问，得到的结果是一样的。
2.如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器浏览器中内置了具体资源的解析引擎，可以展示静态资源。
2.动态资源：
使用动态网页及时发布的资源
特点：
所有用户访问，得到的结果可能不一样。
如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。

HTML概述

1.概述：基础的网页开发语言
2.标签学习

1. 文件标签：构成html最基本的标签

• html:html文档的根标签
  * head：头标签。用于指定html文档的一些属性。引入外部的资源
  * title：标题标签。
  * body：体标签
  * ：html5中定义该文档是html文档
  2.文本标签：和文本有关的标签
  注释：
  

  to

  :标题标签
  *h1~h6:字体大小逐渐递减
  

  :段标签
  
  :换行标签
  

  ---

  :展示一条水平线
  属性：
  color：颜色
  width：宽度
  size：高度
  align：对齐方式
  center：居中
  left：对齐方式
  center：居中
  left：左对齐
  right：右对齐
  :字体加粗
  :字体斜体
  :字体标签
  :文本居中
  属性：
  color:颜色
  size：大小
  face：字体
  属性定义：
  color：
  1.英文单词：red，green，blue
  2.rgb（值1，值2，值3）：值的范围0~225
  3.#值1值2值3：值的范围00~FF之间。如： FF00FF
  width:
  1.数值：width=‘20’，数值的单位，默认是px（像素）
  2.数值%：占比相对于父元素的比例
  3.图片标签
  img：图片标签
  属性：
  src:指定图片的位置
  相对路径
  * 以.开头的路径
  * ./：代表当前目录 ./image/1.jpg
  * …/:代表上一级目录
  4.链接标签
  a：定义一个超链接
  属性：
  href：指定访问资源的URL（统一资源定位符）
  targe：指定打开资源的方式
  _self：默认值，下当前页面打开
  —blank：在空白页面打开
  5.div和span：
  div：每一个div占满一整行，块级标签
  span：文本信息在一行展示，行内标签 内联标签

6.语义化标签：html5中为了提高程序的可读性，提高了一些标签。
1.::页眉
2.

:页脚
7.表格标签
table：定义表格
width：宽度
border：边框
cellpadding：定义内容和单元格的距离
cellspacing：定义单元格之间的距离。如果指定 为0，则单元格的线会合为一条。
bgcolor:背景色
align;对齐方式
tr：定义行
bgcolor：背景色
align：对齐方式
td：定义单元格
colspan：合并列
rowspan：合并行
th:定义表头单元格
:表格标题
:表示表格的头部分
:表示表格的题部分
:表示表格的脚部分