web概念概述
*JavaWeb
*使用Java语言基于互联网的项目
*软件架构
1.C/S:客户端/服务器端
*在用户本地有一个客户端程序,在远程有一个服务端程序
*如qq,迅雷
*优点:
1.用户体验好
*缺点:
1.开发,安装,部署,维护麻烦
2.B/S:浏览器/服务器
*只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务端程序
*优点:
1.开发,安装,部署,维护简单
*缺点:
1.如果应用过大,用户体验受到影响
2.对硬件要求过高
*B/S架构详解
*资源分类:
1.静态资源:
*使用静态网页开发技术发布的资源
*特点:
*所有用户访问得到的结果一样
*如HTML,CSS,JavaScript
2.动态资源
*使用动态网页及时发布的资源
*特点:
*所有用户访问得到的结果可能不一样
*如jsp/servlet,php,asp...
*如果用户请求动态资源,那么服务器将会执行动态资源,转化为静态资源,再发送给浏览器
*我们要学习动态资源,必须先学习静态资源!
*静态资源
*HTTP:用于搭建基础网页,展示页面的内容
*CSS:用于美化页面,完成布局工作
*JavaScript:控制页面的元素,让页面有一些动态的效果
HTML
1.概念:最基础的网页开发语言
*超文本标记语言
*超文本:
*超文本是用超链接的方法,将各种不同空间的文字信息组织再一起的网状文本
*标记语言:
*由标签构成的语言。 <标签名称> 如html,xml
*标签语言不是编程语言
2.快速入门:
语法:
1.html文档为html
2.标签分为
1.围堵标签:有开始和结束标签 如<html></html>
2.自闭和标签:开始标签和结束在一起 如换行<br/>
3.标签可以嵌套:
需要正确嵌套,不能你中有我,我中有你
4.在开始标签中可以定义属性,属性有键值对构成,值需要用引号引起来
5.html的标签不区分大小写,但是建议使用小写
3.标签学习:
1.文件标签:构成html最基本的标签
*html:html的根标签
*head:头标签,用于去指定html文档的一些属性。引入外部资源
*title:标题标签
*body:体标签
*<!DOCTYPE html>:html5中定义该文档是html文档
2.文本标签:和文本有关
*注释:<!-- 注释内容 -->
*<h1> to <h6>:标题标签,1从6字体逐渐变小
*<p>:段落标签
*<br>:换行标签
*<hr>:显示一条水平线
*<b>:字体加粗
*<i>:斜体
3.图片标签:
*img:展示图片
*src属性:指定图片的位置
4.列表标签:
*有序列表
*ol:有序列表
*li
*无序列表
*ul
*li
5.链接标签:
*a:定义一个超链接
*href!!!
<a href="http://www.baidu.com">点我</a>
*target:在新窗口打开
*_self:在当前页面打开
*_blank:在空白页面打开
<a href="http://www.baidu.com" target="_blank">点我</a>
6.div和span:(跟CSS一起用)
*span:文本信息在一行展示
*div:每个div占满一行,会自动换行
7.语义化标签:html中为了提高程序的可读性,提供了一些标签(CSS)
1.<header>
2.<footer>
7.表格标签:
*table:定义表格
*tr:定义行
*td:定义单元格
*th:定义表头单元格
*<caption> :标签定义表格的标题
*<thead>:表示表格的头部分
*<tbody>:表示表格的体部分
*<tfoot>:脚部分
---增加可读性
HTML的表单标签
非常重要!
*表单:
*概念:用于采集用户输入的数据的,用于和服务器进行交互。
*使用的标签:form
form:可以定义一个范围,范围表示采集用户数据的范围
*属性:
*action:提交数据的URL
*method:指定提交方式
*表单项中的数据要想被提交,必须指定其name属性