1.javaweb的理解:
使用java语言开发的web应用。通过浏览器访问的 应用【包括公司官网、管理系统】
2.流行的开发应用的架构
1.C/S模式【客户端服务器架构】
1.网速要求比较低
2.需要更新
3.不同的操作系统 需要开发不同的应用【不跨平台】
4.用户使用的应用(聊天工具)
2.B/S模式【浏览器服务器架构】
1.网速要求比较高(4G)5G
2.无需更新
3.只需要开发一个应用,在任何系统中都可以访问(跨平台)
3.前端技术
1.结构HTML
HTML是网页内容的载体。内容就是网页制造者放在页面上想要让用户浏览的信息,可以包括文字、图片、视频等
2.表现CSS
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等
3.行为JavaScript
是用来实现网页上的特殊效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。
4.HTML的理解:
HyperText Marked Language(超文本标记语言)超出文本范畴既可以显示文字也可以显示图片,视频 ,音频,由浏览器无需编译可以直接解析 网页结构
语法特点:
1.标签都是预先定义好的:每一个标签都有特定的含义
2.标签名不区分大小写,一般要求小写
3.标签通常是成对出现的:有开始有结束
4.也有单边标签
5。每一个标签包含的内容:一个完整的标签称为元素
6.标签可以嵌套
7.分为head头和body体
8.注释格式<!-- - - >
常见标签
1.文本修饰标签
1.标题标签 <h1>到 <h6>独占一行加粗
2.加粗标签<b>、<strong>
3.斜体标签 <cite>、<i>、<em>
4.下划线 <u>
5.删除标签 <s>
6.上标<sup> 下标<sub>
7.滚动标签 <marquee>
8.字体标签 <font>
2.格式修饰标签
1.<p>段落标签
2< hr width ="宽度" size="高度"/>分割线标签
3.<br/>换行标签
4.有序列表<ol type="样式"><li>1</li><li>2</li></ol>
5.无序列表 <ul type="样式"><li>1</li><li>2</li></ul>
6.自定义列表 <dl type="样式"><li>1</li><li>2</li></dl>
3.多媒体标签
1.<img src = "图片路径" width=“宽” height=“高” titile+"提示信息">
2.<audio src = "音乐路径" width=“宽” height=“高” titile+"提示信息">
3.<video src = "视频路径" width="宽" height="高" titile="提示信息">
4.超链接标签
:超链接标签 点击可以跳转
属性:
1.href:目标路径 可以是绝对路径 也可以是相对路径 也可以是锚点id标记 #id值
2.target:_self:默认自身窗口打开 _blank:新窗口打开_parent :打开父窗口显示 _top:最顶层页面打开
5.表格标签
<table>:表格标签
属性
border:边框
cellspacing:外边距
width:宽度
height:高度
align:对齐方式
cellpadding:内边距(内容与内边框的距离)
标签:
caption:表格的标题
tr:行 属性 align:对齐方式:默认左对齐
td:列 属性 rowspan:合并行(上下)colspan(合并左右行)
th:列标题 加粗居中
***
6.表单标签
form标签:
1.作用:用户可以实现提交数据到服务器。登录,注册,搜索等
属性:
1.action 提交到服务器的地址(url)
2.method 请求方式
默认:get 将输入信息拼接在url路径中相对不安全 内容不超过2kb
post:将数据放在请求头中(headers)提交相对安全,理论上没有限制 通常使用post方式提交
3.enctype:表单数据提交到后台的编码
默认:application/x-www-form-urlencoded:将表单数据解析成键值对的形式
文件上传:multipart/form-data
input标签:输入框
属性:
1.type:输入内容的格式
text:文本内容
password:密码
radio:单选框注意:name一致实现互斥
checkbox:复选框注意:name一致
button:按钮 没有提交表单功能 结合js使用
submit:提交按钮 可以将表单数据提交到后台
file:文件上传框
2.name:作用:提交后台(键值对)name值=输入的值
3.value:输入框的默认值 可以省略
4.placeholder:提示
select标签:下拉列表 属性name
option标签:每一个下拉列表的元素 和select结合使用
textarea标签:文本域标签
属性:cols:宽 rows:高
button标签:按钮 有提交表单的功能
****
7.内联框架标签
iframe标签
:内联架构标签 页面中有嵌套页面
属性:src:嵌套的页面路径width:宽度 heigth:高度
frameborder 边框大小
a标签:属性target指定那个窗体打开页面
*
8.架构标签:主要用户后台管理*
frameset标签:可以分割页面
属性:
rows:上下分割 100px一部分 *剩下部分
cols:左右分割
noresize:不可重置大小
border:frame的边框大小
frame:分割的部分加载后的资源页面
src:加载的页面
9…无意义的标签(结合css使用)
可以使用
css样式更加灵活的控制标签样式
div:块元素标签 独占一行 可以指定宽度和高度
span:行元素标签 不独占一行 不可以指定宽度和高度
10.字符实体
1.空格 实体名称  ; 实体编号  
2小于号 实体名称 <; 实体编号 <
等等参考W3school