Web开发中简单的HTML和图像处理

程序入门猿

已于 2023-09-05 22:49:46 修改

阅读量209

点赞数 1

文章标签：前端 css

于 2023-09-05 22:48:24 首次发布

本文链接：https://blog.csdn.net/weixin_65379812/article/details/132702084

版权

在Web开发中，超文本标记语言（HTML）和图像处理是必不可少的技能。它们共同为网页内容的呈现和用户体验的提升提供了基础。

HTML是一种标记语言，用于创建网页的结构和内容。它由一系列的标签组成，这些标签被用来定义网页的各个部分，如标题、段落、列表、链接、图片等。在上面的HTML代码中，<h1>标签被用来创建一个一级标题，<img>标签则被用来插入一张图像。

图像在网页中扮演着重要的角色，它们提供了视觉上的吸引力，并能够增强信息的传达。在HTML中，<img>标签用于插入图像。它有两个主要的属性：src和alt。src属性指定图像的来源，而alt属性提供了当图像无法显示时的替代文本。

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.net.ServerSocket;
import java.net.Socket;

// Press Shift twice to open the Search Everywhere dialog and type `show whitespaces`,
// then press Enter. You can now see whitespace characters in your code.
public class Main {
public static void main(String[] args) {
ServerSocket ss= null;
try {
ss = new ServerSocket(7777);
Socket socket=ss.accept();
int len=0;
byte[]bytes=new byte[1024];
len=socket.getInputStream().read(bytes);
String req=new String(bytes,0,len,"utf-8");
String req1=req.split("\r\n")[0].split(" ")[1];
String pathName=req1;//已知客户端的意图是获取index.html

// 读取磁盘中的index.html文件，并且通过socket发送给浏览器
FileInputStream fis=new FileInputStream("webapp"+pathName);
//将本地读取的文件发送给客户端
OutputStream os=socket.getOutputStream();
//这个时候还不能直接将数据响应给客户单，服务器和浏览器交互的时候，还需要协议
os.write("HTTP /1.1 200 ok\r\n".getBytes("utf-8"));
os.write("Content-Type:text/html\r\n".getBytes("utf-8"));
File file=new File("webapp"+pathName);
os.write(("Content-Length:" + file.length() + "\r\n").getBytes("utf-8"));
os.write("\r\n".getBytes("utf-8"));
while ((len=fis.read(bytes))!=-1){
os.write(bytes,0,len);
}
} catch (IOException e) {
throw new RuntimeException(e);
}
}
}
这段Java代码是一个简单的HTTP服务器程序，它接收来自客户端的请求，然后根据请求内容，将文件系统的对应文件发送给客户端。

具体实现：

创建一个新的 ServerSocket，监听7777端口。
等待客户端的连接。一旦有客户端连接，就创建一个新的 Socket 对象。
从 Socket 的输入流中读取数据，并将其转换为字符串。这个字符串应该是一个HTTP请求，我们假设它以空格 (" ") 分割的第一部分是请求的路径（在这种情况下是 "index.html"）。
使用这个路径从文件系统中读取文件。
创建一个输出流，用于将HTTP响应发送给客户端。
写入HTTP响应头，包括状态码 "200 OK" 和内容类型 "text/html"，以及文件的大小。
将文件的内容写入输出流。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点赞关注</title>
</head>
<body>
<h1>Test</h1>
<img src="/webapp/000.webp" alt="">
测试测试测试测试测试测试
</body>
</html>

配合一段简单的HTML，创建一个包含一张图像和一段文字的网页。

具体效果如图所示

对于网页开发人员来说，了解并掌握这些图像处理技术是非常有价值的。它们可以帮助你创建更美观、更吸引人的网页，同时也可以提高网页的性能和用户体验。

总的来说，HTML和图像处理是Web开发中的重要技能。通过深入理解和掌握它们，你可以创建出功能丰富、外观出色的网页，满足用户的需求，提升用户体验。

如果觉得文章有帮助请帮忙点点赞吧,谢谢大家!

程序入门猿

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Web开发中简单的HTML和图像处理

图像在网页中扮演着重要的角色，它们提供了视觉上的吸引力，并能够增强信息的传达。这个字符串应该是一个HTTP请求，我们假设它以空格 (" ") 分割的第一部分是请求的路径（在这种情况下是 "index.html"）。通过深入理解和掌握它们，你可以创建出功能丰富、外观出色的网页，满足用户的需求，提升用户体验。这段Java代码是一个简单的HTTP服务器程序，它接收来自客户端的请求，然后根据请求内容，将文件系统的对应文件发送给客户端。配合一段简单的HTML，创建一个包含一张图像和一段文字的网页。
复制链接

扫一扫