1、B/S 软件的结构
JavaSE C/S Client Server B/S Browser Server
2、前端的开发流程
3、网页的组成部分
页面由三部分内容组成！
分别是内容（结构）、表现、行为。
内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。
表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用
CSS 技术实现行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。
4、HTML简介
Hyper Text Markup Language （超文本标记语言）
简写：HTML
HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）
5、创建HTML文件。
1、创建一个web工程（静态的web工程）
2、在工程下创建 html 页面
选择浏览器执行页面
第一个 html 示例：
注：Java 文件是需要先编译，再由 java 虚拟机跑起来。但 HTML 文件它不需要编译，直接由浏览器进行解析执行。
6、HTML文件的书写规范
Html的代码注释
7、HTML标签介绍
1.标签的格式：
？ <标签名>封装的数据</标签名>
2.标签名大小写不敏感。
3.标签拥有自己的属性。
i. 分为基本属性：bgcolor=“red” 可以修改简单的样式效果
ii. 事件属性： οnclick=“alert（‘你好！’）;” 可以直接设置事件响应后的代码。
4.标签又分为，单标签和双标签。
i. 单标签格式： <标签名 /> br 换行 hr 水平线
ii. 双标签格式： <标签名> …封装的数据…</标签名>
标签的语法：
html 代码不是很严谨。有时候标签不闭合，也不会报错。
8、常用标签介绍 文档：w3cschool.CHM
8.1、font字体标签
需求1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。
8.2、特殊字符
需求1：把<br>换行标签 变成文本 转换成字符显示在页面上
常用特殊字符表：
显示结果描述实体名称实体编号空格 ?<小于号《>大于号》&和号&&"引号""’撇号'（IE不支持）'
其他特殊字符表：
显示结果描述实体名称实体编号￠分￠￠￡镑￡￡￥日圆￥￥§节§§?版权？注册商标×乘号××÷除号÷÷
8.3、标题标签
标题标签是 h1 到 h6
需求1：演示标题1到 标题6 的
8.4、超链接 （重 点 ，必 须 掌 握）
在网页中所有点击之后可以跳转的内容都是超连接
需求1：普通的 超连接。
8.5、列表标签
无序列表 、 有序列表
需求1：使用无序，列表方式，把东北F4，赵四，刘能，小沈阳，宋小宝，展示出来
8.6、img标签
img 标签可以在 html 页面上显示图片。
需求1：使用img标签显示一张美女的照片。并修改宽高，和边框属性
8.7、表格标签（重点，必须掌握）
[外链图片转存失败，源站可能有防盗链机制，建议将图片保存下来直接上传（img-0lK7u40d-1597980089938）（E:\Study\boke\表格标签淘宝。jpg）]
需求1：做一个 带表头的 ，三行，三列的表格，并显示边框
需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。
8.8、跨行跨列表格 （次重点，必须掌握）
需求1：新建一个五行，五列的表格，第一行，第一列的单元格要跨两列，第二行第一列的单元格跨两行，第四行第四列的单元格跨两行两列。
8.9、了解iframe框架标签（内嵌窗口）
ifarme 标签它可以在一个 html 页面上，打开一个小窗口，去加载一个单独的页面。
8.10、表单标签 （重点 ，必须掌握）
什么是表单？
表单就是 html 页面中，用来收集用户信息的所有元素集合。然后把这些信息发送给服务器。
需求1:创建一个个人信息注册的表单界面。包含用户名，密码，确认密码。性别（单选），兴趣爱好（多选），国籍（下拉列表）。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery