JavaWeb7.1【web概念概述、HTML快速入门 】
-
JavaWeb：
- 使用Java语言开发基于互联网的项目
-
软件架构：
-
C/S: Client/Server 客户端/服务器端
- 在用户本地有一个客户端程序，在远程有一个服务器端程序
- 如：QQ，迅雷...
- 优点：
- 用户体验好
- 缺点：
- 开发、安装，部署，维护 麻烦
-
B/S: Browser/Server 浏览器/服务器端
- 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序
- 优点：
- 开发、安装，部署，维护 简单
- 缺点：
- 如果应用过大，用户的体验可能会受到影响
- 对硬件要求过高
-
-
B/S架构详解
- 资源分类：
- 静态资源：
- 使用静态网页开发技术发布的资源。
- 特点：
- 所有用户访问，得到的结果是一样的。
- 如：文本，图片，音频、视频, HTML,CSS,JavaScript
- 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
- 动态资源：
- 使用动态网页及时发布的资源。
- 特点：
- 所有用户访问，得到的结果可能不一样。
- 如：jsp/servlet,php,asp...
- 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器
- 静态资源：
- 资源分类：
-
我们要学习动态资源，必须先学习静态资源！
- 静态资源：
- HTML：用于搭建基础网页，展示页面的内容
- CSS：用于美化页面，布局页面
- JavaScript：控制页面的元素，让页面有一些动态的效果
- 静态资源：
-
概念：HTML是最基础的网页开发语言
- Hyper Text Markup Language 超文本标记语言
- 超文本:
- 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
- 标记语言:
- 由标签构成的语言。<标签名称> 如 html，xml
- 标记语言不是编程语言
- 超文本:
- Hyper Text Markup Language 超文本标记语言
-
快速入门：
- 语法：
-
html文档后缀名 .html 或者 .htm
-
标签分为
- 围堵标签：有开始标签和结束标签。如
<html> </html> - 自闭和标签：开始标签和结束标签在一起。如
<br/>
- 围堵标签：有开始标签和结束标签。如
-
标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
错误：<a><b></a></b>
正确：<a><b></b></a> -
在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
-
html的标签不区分大小写，但是建议使用小写。
-
- 语法：
<html>
<head>
<title>hello world</title>
</head>
<body>
<font color="#a52a2a", size="20">hello world</font>
<br/>
<font color="green", size="20">hello world</font>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！