Java Web _ 学习之旅

目录

Java Web 概念

B / S 软件的结构

前端的开发流程

页的组成部分

HTML 简介

创建 HTML 页面

HTML 文件的书写规范

HTML 标签的介绍

HTML 标签的语法

常用标签介绍

font 字体标签

特殊字符

标题标签

超链接

列表标签

img 标签

表格标签

跨行跨列表格

了解 iframe 框架标签

表单标签

其他标签

CSS 技术

CSS 语法介绍

CSS 和 HTML 的结合方式

CSS 选择器

常用样式

JavaScript 语言入门

JavaScript 介绍

JavaScript 和 html 代码的结合方式

变量

关系 ( 比较 ) 运算

逻辑运算

数组

函数

JS 中的自定义对象 ( 扩展内容 )

Object 形式的自定义对象

{ } 花括 形式的自定义对象

JS 中的事件

onload 加载完成事件

onclick 单击事件

onblur 失去焦点事件

onchange 内容发生改变事件

正则表达式

---

Java Web 概念

Java Web 指的是使用 Java 语言 进行 web 互联 领域项目开发的技术栈 — 进行 web 项目开发所需的技术的集合 :

web 前端 – – 在浏览器中用户可以看到的 页

web 后端 – – 为前端提供数据的程序

Java Web 介绍 :

Java Web 项目结构 :

Java Web 技术体系 :

MySQL 课程内容 :

---

B / S 软件的结构

JavaSE

C / S        Client  Server

B / S        Browser  Server

前端的开发流程

页的组成部分

页面由三部分内容组成 :

分别是 内容 ( 结构 ) , 表现 , 行为

内容 ( 结构 ) , 是我们在页面中可以看到的数据 , 我们称之为内容

一般内容  我们使用  HTML  技术来展示

表现 , 指的是这些内容在页面上的展示形式 , 比如说 : 布局 , 颜色 , 大小等等

一般使用  CSS  技术实现

行为 , 指的是页面中元素与输入设备交互的响应

一般使用  JavaScript  技术实现

HTML 简介

创建 HTML 页面

HTML 文件的书写规范

HTML 标签的介绍

HTML 标签的语法

---

常用标签介绍

font 字体标签

特殊字符

标题标签

超链接

在 页中所有点击之后可以跳转的内容都是 超链接  ( a  标签    )

列表标签

无序列表 , 有序列表

img 标签

img 标签可以在 html 页面上显示图片

img 标签是 图片标签 , 用来显示 图片

src 属性可以设置图片的 路径

width 属性设置图片的 宽度

height 属性设置图片的 高度

border 属性设置图片 边框 大小

alt 属性设置当指定路径找不到图片时 , 用来代替显示的文本内容

在 javaSE 中路径也分为相对路径和绝对路径

相对路径 : 从工程名开始算

绝对路径 : 盘符 : / 目录 / 文件名

表格标签

跨行跨列表格

了解 iframe 框架标签

iframe 标签它可以在一个 html 页面上 , 打开一个小窗口 , 去加载一个单独的页面

表单标签

需求 : 创建一个 个人信息注册 的 表单界面 , 包含 用户名 , 密码 , 确认密码 , 性别 ( 单选 ) , 兴趣爱好 ( 多选 ) , 国籍 ( 下拉列表 ) , 隐藏域 , 自我评价 ( 多行文本域 ) , 重置 , 提交

表单格式化 :

表单提交的细节 :

其他标签

CSS 技术

CSS 语法介绍

注 : 一般每行只描述一个属性

CSS 注释 :  / *  注释内容  * /

CSS 和 HTML 的结合方式

第一种 :

在标签的 style 属性上设置 ” key: value  value ” , 修改标签样式

问题 : 这种方式的缺点 /p>

1. 如果标签多了 , 样式多了 , 代码量非常庞大

2. 可读性非常差

3. CSS 代码没有什么复用性可言

 第二种 :

第三种 :

CSS 选择器

常用样式