文章目录⭐️ 1.这篇文章就开始介绍JavaWeb的内容了,
以前在JavaSE中我们的软件的结构是:C/S(客户--服务器)结构,
而到了我们JavaWeb中,软件的结构是:B/S(浏览器--服务器)结构.
⭐️ 2.前端的开发流程:
(1).经设计人员，根据需求设计好网页.
(2).经前端工程师,编写网页的内容,将网页做成静态的.
(3).最后经过后端工程师,将网页做成动态的.
⭐️ 3.网页的组成部分:
(1).内容:就是我们在页面中看到的数据,我们一般用HTML技术来实现.
(2).表现:内容在页面上的表现形式,例如,颜色、布局、大小等,一般用CSS技术来实现.
(3).行为:页面中的元素与输入设备交互的响应,一般用JavaScript技术来实现.
- HTML
- 1.HTML简介
- 2.创建HTML文件
- 3.HTML的书写规范
- 4.HTML标签介绍
- 5.常用标签
- 6.GET与POST的请求特点
HTML(超文本标记语言):通过标签来显示,要在网页中显示的内容.
2.创建HTML文件❤️(1).创建一个Web工程(静态的).
注意:我用的是IDEA2020.2版本
按照原先javaSE项目的创建方法创建一个项目，然后选择模块右键Add Framework Support -> 勾选Java EE里面的Web4.0就行了.
❤️(2).在Web工程下创建HTML文件.
注意:HTML文件不需要编译,直接由浏览器解析执行.
3.HTML的书写规范
乾杯
hello
4.HTML标签介绍
❤️(1).标签的格式:<标签名>封装的数据.
❤️(2).标签名大小写不敏感.
❤️(3).标签拥有自己的属性:
分为:
基本属性: 可以修改简单的样式效果.
事件属性: 可以直接设置事件响应后的代码.
❤️(4).标签分为:
单标签:<标签名/>
双标签:<标签名>封装的数据
❤️(5).标签语法:
- 标签不能交叉嵌套
- 标签必须正确关闭
- 没有文本内容的标签
- 属性必须有值,属性值必须加引号
- 注释不能嵌套
- font:字体标签
color 属性修改颜色
face 属性修改字体
size 属性修改字体大小蓝天
效果:
- 标题标签h1-h6
h1最大 h6最小
align 是对齐属性
left 是左对齐
center 是居中对齐
right 是右对齐标题1
标题2 标题3
标题4
标题5
标题6
效果:
- 超链接标签
a标签 是超链接
href属性设置链接的地址
target属性设置哪个页面(当前页面或新页面)进行跳转
_self 表示打开当前页面来进行跳转(默认)
_blank 表示打开新页面来进行跳转百度
百度
百度
效果:
- 列表标签
ul 是无序标签
li 是列表项标签
type属性可以修改列表项前面的符号
–>- 刘能
- 赵四
- 广坤
效果:
- img标签
img标签是 图片标签,用来显示图片
src属性可以设置图片的路径
width属性设置图片的宽度
height属性设置图片的高度
border属性设置图片的边框大小
alt属性当指定路径找不到图片时,用来代替显示的文本内容在javaSE中路径分为
相对路径:从工程名开始算
绝对路径:盘符:/目录/文件名在javaWeb中路径也分为
相对路径: 一点 当前文件所在的目录
两点 当前文件所在的目录的上一级目录
文件名 ./文件名 表示当前文件所在目录的文件 ./可以省略
绝对路径:格式:http://ip:port/工程名/资源路径
- table是表格标签
tr是行标签
th是表头标签
td是单元格标签
b是加粗标签border属性设置表格
width属性设置表格宽度
height属性设置表格高度
align属性设置表格相对于页面的对齐方式
cellspacing属性设置单元格间距1.1 1.2 1.3 2.1 2.2 2.3 3.1 3.2 3.3 效果:
- iframe标签
iframe标签可以在页面上开辟一个小区域显示一个单独的页面
iframe标签和a标签组合使用的步骤:
❤️ (1).在iframe标签中使用name属性定义一个名称
❤️ (2).在a标签的target属性上设置iframe的name的属性值
width:设置宽度
height:设置高度效果:
- form就是表单标签
input type=text 是文件输入框 value设置默认显示内容 input type=password 是密码输入框 value设置默认显示内容 input type=radio 是单选框 name属性可以对其分组 checked="checked"表示默认选中 input type=checkedbox 是复选框 checked="checked"表示默认选中 input type=reset 是重置按钮 value属性修改按钮上的文本 input type=submit 是提交按钮 value属性修改按钮上的文本 input type=button 是按钮 value属性修改按钮上的文本 input type=file 是文件上传域 input type=hidden 是隐藏域 当我们要发送信息时,这些信息不需要用户看到 提交的时候同时发送给服务器 select 标签是下拉列表框 option 标签是下拉列表框中的选项 selected="selected"设置默认选中 textarea表示多行文本输入框(标签) rows:设置可以显示几行的高度 cols:设置每行显示几个字符宽度
