JavaWeb—静态网页HTML

￥-恭喜发财-￥

已于 2022-03-18 11:45:01 修改

阅读量1.8k

点赞数

分类专栏： JavaWeb 文章标签： html 服务器前端

于 2022-03-18 10:47:37 首次发布

本文链接：https://blog.youkuaiyun.com/qq_56932454/article/details/123553064

版权

本文详细介绍了Web的概念，包括C/S和B/S架构的优缺点，以及网络通信的三要素。重点讲解了B/S架构中的静态资源与动态资源，特别是HTML的基础标签和CSS的使用。此外，还阐述了HTML的各种标签，如文本、图片、列表、超链接、块级元素和表格等，并探讨了CSS的层叠样式和应用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Web概念

javaweb:使用JAVA语言开发基于互联网的项目

在用户本地有一个客户端程序，在远程有一个服务器端程序
优点：用户体验好
缺点：安装，开发、维护、部署麻烦

只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序
优点：安装，开发、维护、部署比较简单
缺点：1、如果应用过大，用户的体验可能会受影响
2、对硬件要求过高

IP：电子设备(计算机)在网络中的唯一标识
端口：应用程序在计算机中的唯一标识。0~65536
传输协议：规定了数据传输的规则
tcp协议：安全协议，三次握手，速度稍慢
udp：不安全协议，速度快

使用静态网页开发技术发布的资源。

特点：

1、所有用户访问，得到的结果是一样的。
				 如：文本，图片，音频、视频, HTML,CSS,JavaScript
2、如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，
可以展示静态资源

用于搭建基础网页，展示页面的内容，是最基础的网页开发语言

超文本： 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
标记语言： 由标签构成的语言，标记语言不是编程语言

语法：html文档后缀名 .html或者 .htm

使用动态网页及时发布的资源。
特点：

1、所有用户访问，得到的结果可能不一样。
 如：jsp/servlet,php,asp...
2、如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器

标签分为

围堵标签：有开始标签和结束标签
自闭合标签：开始标签和结束标签在一起。如<br/>

标签可以嵌套，需要正确嵌套，不能你中有我，我中有你

正确：<a><b></b></a>
错误：<a><b></a></b>

在开始标签中可以定义属性。属性是由键值对构成，值需要用引号（单双都可以）引起来

  <font color="red">你好</font><br>

html的标签不区分大小写，但是建议使用小写

文件标签是构成htnl最基本的标签。

标签	描述
html	html文档的根标签
head	头标签。用于指定html文档的一些属性。引入外部的资源
title	标题标签
body	体标签
<!DOCTYPE>	html5中定义该文档是html

文本标签是和文本有关的标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!