当前位置： 首页 > news >正文

【完整代码】用HTML/CSS制作一个美观的个人简介网页

news 2026/4/2 7:59:36

【完整代码】用HTML/CSS制作一个美观的个人简介网页

  • 整体结构
  • 完整代码

用HTML/CSS制作一个美观的个人简介网页——学习周记1

HELLO！大家好，由于《用HTML/CSS制作一个美观的个人简介网页》这篇笔记有幸被很多伙伴关注，于是特意去找了之前写的完整代码，久等啦~

整体结构

这个页面是在自己刚接触前端代码时使用HBuilder所作，以下是建立的项目及文件↓↓↓
在这里插入图片描述

完整代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>咸盐月饼的个人介绍</title><style>body {background-image: url(img/背景2.jpg);background-size: cover;}div.transbox{width: 1050px;height: 420px;margin: 90px 90px;background-color: #ffffff;border: 1px solid #FFFFFF;opacity:0.8;}h1 {text-align: center;}h2.ex1 {margin-left:5cm;}h3.ex1 {margin-left:5cm;}img.ex1{margin-left:5cm;}p{text-align: right;}p.ex1{margin-right: 2cm;}p{color:mediumpurple}/*cc:change color*/a.cc:visited {color:#0000ff;}a.cc:hover {color:#ffcc00;}</style></head><body><div class="background"><div class="transbox"><h1>个人简介</h1><img src="img/头像.jpg" height="50px" width="50px" class="ex1" /><h2 class="ex1">咸盐月饼</h2><h3 class="ex1">学号：**********</h3><h3 class="ex1">班级：**********</h3><h3 class="ex1">学院：电商与物流</h3><h3 class="ex1">学校：<a class="cc" href="http://www.btbu.edu.cn/">北京工商大学</a></h3><p class="ex1">这个人很懒，什么都没有留下......</p></div></div><embed height="50" width="100" src="bgm/Sunburst.mp3"></body>
</html>

时隔两年，我终于又想起了这里，完善了两年前自己所做的第一篇笔记~前路漫漫亦灿灿，大家都要加油呀！
在这里插入图片描述

相关文章：

【完整代码】用HTML/CSS制作一个美观的个人简介网页

【完整代码】用HTML/CSS制作一个美观的个人简介网页整体结构完整代码用HTML/CSS制作一个美观的个人简介网页——学习周记1HELLO&#xff01;大家好&#xff0c;由于《用HTML/CSS制作一个美观的个人简介网页》这篇笔记有幸被很多伙伴关注&#xff0c;于是特意去找了之前写的完整…...

编程日记 2023/4/13 7:01:14

Java分布式事务（九）

文章目录&#x1f525;XA强一致性分布式事务实战_Atomikos介绍&#x1f525;XA强一致性分布式事务实战_业务说明&#x1f525;XA强一致性分布式事务实战_项目搭建&#x1f525;XA强一致性分布式事务实战_多数据源实现&#x1f525;XA强一致性分布式事务实战_业务层实现&#x1…...

编程日记 2023/4/13 7:02:50

基于深度学习的动物识别系统（YOLOv5清新界面版，Python代码）

摘要&#xff1a;动物识别系统用于识别和统计常见动物数量&#xff0c;通过深度学习技术检测日常几种动物图像识别&#xff0c;支持图片、视频和摄像头画面等形式。在介绍算法原理的同时&#xff0c;给出Python的实现代码、训练数据集以及PyQt的UI界面。动物识别系统主要用于常…...

编程日记 2023/3/21 3:48:14

K8S集群之-ETCD集群监控

### 生产ETCD集群监控核心指标 etcd服务存活状态 ​ up{job~"kubernetes-etcd.*"}0 ​ 说明&#xff1a;up0代表服务挂掉 etcd是否有脱离情况 etcd_server_has_leader{job~"kubernetes-etcd.*"}0 说明&#xff1a;每个instance&#xff0c;该值应该都…...

编程日记 2023/3/21 3:43:12

一文弄懂熵、交叉熵和kl散度(相对熵)

一个系统中事件发生的概率越大&#xff0c;也就是其确定性越大&#xff0c;则其包含的信息量越少&#xff0c;可以认为一个事件的信息量就是该事件发生难度的度量&#xff0c;事件所包含的信息量越大则其发生的难度越大。并且相互独立的事件&#xff0c;信息量具有可加性。相互…...

编程日记 2023/3/21 3:38:10

10从零开始学Java之开发Java必备软件Intellij idea的安装配置与使用

作者&#xff1a;孙玉昌&#xff0c;昵称【一一哥】&#xff0c;另外【壹壹哥】也是我哦CSDN博客专家、万粉博主、阿里云专家博主、掘金优质作者前言壹哥在前面的文章中&#xff0c;带大家下载、安装、配置了Eclipse这个更好用的IDE开发工具&#xff0c;并教会了大家如何在Ecli…...

编程日记 2023/3/21 3:33:08

04 - 进程参数编程

---- 整理自狄泰软件唐佐林老师课程 查看所有文章链接&#xff1a;&#xff08;更新中&#xff09;Linux系统编程训练营 - 目录 文章目录1. 问题1.1 再论execve(...)1.2 main函数&#xff08;默认进程入口&#xff09;1.3 进程空间概要图1.4 编程实验&#xff1a;进程参数剖析1…...

编程日记 2023/3/21 3:28:06

【python进阶】你真的懂元组吗？不仅是“不可变的列表”

&#x1f4da;引言 &#x1f64b;‍♂️作者简介&#xff1a;生鱼同学&#xff0c;大数据科学与技术专业硕士在读&#x1f468;‍&#x1f393;&#xff0c;曾获得华为杯数学建模国家二等奖&#x1f3c6;&#xff0c;MathorCup 数学建模竞赛国家二等奖&#x1f3c5;&#xff0c…...

编程日记 2023/3/21 3:23:05

《C++ Primer Plus》（第6版）第13章编程练习

《C Primer Plus》&#xff08;第6版&#xff09;第13章编程练习《C Primer Plus》&#xff08;第6版&#xff09;第13章编程练习1. Cd类2. 使用动态内存分配重做练习13. baseDMA、lacksDMA、hasDMA类4. Port类和VintagePort类《C Primer Plus》&#xff08;第6版&#xff09;第…...

编程日记 2023/3/21 3:18:02

【多线程】多线程案例

✨个人主页&#xff1a;bit me&#x1f447; ✨当前专栏&#xff1a;Java EE初阶&#x1f447; ✨每日一语&#xff1a;we can not judge the value of a moment until it becomes a memory. 目 录&#x1f35d;一. 单例模式&#x1f364;1. 饿汉模式实现&#x1f9aa;2. 懒汉模…...

编程日记 2023/3/21 3:07:54

【IoT】嵌入式驱动开发：IIC子系统

IIC有三种接口实现方式 三种时序对比： 图1 IIC子系统组成 图2 图3 IIC操作流程 设备端 1.i2c_get_adapter 2.i2c_new_device(相当于register设备) 3.I2c_put_adapter 驱动端 1.填充i2c_driver 2.i2c_add_driver(相当于register驱动) 3.在probe中建立访问方式 client相…...

编程日记 2023/4/13 7:03:35

DJ2-4 进程同步（第一节课）

目录 2.4.1 进程同步的基本概念 1. 两种形式的制约关系 2. 临界资源&#xff08;critical resource&#xff09; 3. 生产者-消费者问题 4. 临界区&#xff08;critical section&#xff09; 5. 同步机制应遵循的规则 2.4.2 硬件同步机制 1. 关中断 2. Test-and-Set …...

编程日记 2023/3/21 2:57:50

AI独立开发者：一周涨粉8万赚2W美元；推特#HustleGPT GPT-4创业挑战；即刻#AIHackathon创业者在行动 | ShowMeAI周刊

&#x1f440;日报&周刊合辑 | &#x1f3a1;生产力工具与行业应用大全 | &#x1f9e1; 点赞关注评论拜托啦&#xff01; 这是ShowMeAI周刊的第7期。聚焦AI领域本周热点&#xff0c;及其在各圈层泛起的涟漪&#xff1b;拆解AI独立开发者的盈利案例&#xff0c;关注中美AIG…...

编程日记 2023/3/21 2:52:48

不要迷信 QUIC

很多人都在强调 QUIC 能解决 HoL blocking 问题&#xff0c;不好意思&#xff0c;我又要泼冷水了。假设大家都懂 QUIC&#xff0c;不再介绍 QUIC 的细节&#xff0c;直接说问题。 和 TCP 一样&#xff0c;QUIC 也是一个基于连接的&#xff0c;保序的可靠传输协议&#xff0c;T…...

编程日记 2023/3/21 2:47:46

【28】Verilog进阶 - RAM的实现

VL53 单端口RAM 1 思路 简简单单，读取存储器单元值操作即可 2 功能猜想版 说明： 下面注释就是我对模块端口信号 自己猜测的理解。 因为题目并没有说清楚，甚至连参考波形都没有给出。 唉，这就完全是让人猜测呢，如果一点学术背景的人来刷题，指定不容易！！ 好在，我有较为…...

编程日记 2023/3/21 2:42:45

【MySQL】聚合查询

目录 1、前言 2、插入查询结果 3、聚合查询 3.1 聚合函数 3.1.1 count 3.1.2 sum 3.1.3 avg 3.1.4 max 和 min 4、GROUP BY 子句 5、HAVING 关键字 1、前言 前面的内容已经把基础的增删改查介绍的差不多了&#xff0c;也介绍了表的相关约束&#xff0c; 从本期开始…...

编程日记 2023/4/13 7:05:29

初时STM32单片机

目录 一、单片机基本认知 二、STM系列单片机命名规则 三、标准库与HAL库区别 四、通用输入输出端口GPIO 五、推挽输出与开漏输出 六、复位和时钟控制&#xff08;RCC&#xff09; 七、时钟控制 八、中断和事件 九、定时器介绍 一、单片机基本认知 单片机和PC电脑相比…...

编程日记 2023/3/21 2:32:42

debian部署docker（傻瓜式）

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 debian10部署dockerdebian10部署docker&#xff08;傻瓜式&#xff09;一、准备工作二、**使用 APT 安装&#xff0c;注意要先配置apt网络源**1.配置网络源2.官方下载三、安装…...

编程日记 2023/4/13 7:06:57

JS判断是否为base64字符串如何转换为图片src格式

需求背景 &#xff1a; 如何判断后端给返回的 字符串 是否为 base-64 位 呢 &#xff1f; 以及如果判断为是的话&#xff0c;如何给它进行转换为 img 标签可使用的那种 src 格式 呢 &#xff1f; 1、判断字符串是否为 base64 以下方法&#xff0c;可自行挨个试试&#xff0c;…...

编程日记 2023/3/21 2:22:38

【SpringMVC】SpringMVC方式，向作用域对象共享数据（ModelAndView、Model、map、ModelMap）

个人简介&#xff1a;Java领域新星创作者&#xff1b;阿里云技术博主、星级博主、专家博主&#xff1b;正在Java学习的路上摸爬滚打&#xff0c;记录学习的过程~ 个人主页&#xff1a;.29.的博客 学习社区&#xff1a;进去逛一逛~ 向域对象共享数据一、使用 原生ServletAPI二、…...

编程日记 2023/3/21 2:17:36

DRM显示框架中的“导演”：深入理解CRTC如何协同Plane与Connector工作

DRM显示框架中的“导演”&#xff1a;深入理解CRTC如何协同Plane与Connector工作 想象一下&#xff0c;当你在电影院观看一部大片时&#xff0c;银幕上的每一帧画面都经过精心编排——主角的位置、特效的时机、放映机的同步&#xff0c;所有这些元素都需要一个核心指挥者来协调…...

编程新知 2026/4/2 6:38:38

SAP 生产订单批量创建与下达实战：基于 BAPI_PRODORD_CREATE 的自动化方案

1. 为什么需要批量创建生产订单&#xff1f; 在制造业的实际业务场景中&#xff0c;生产计划部门经常需要根据销售订单、预测数据或库存情况&#xff0c;一次性生成大量生产订单。想象一下&#xff0c;一个汽车零部件工厂每月要处理上千个零部件的生产计划&#xff0c;如果每个…...

编程新知 2026/4/2 4:03:07

Oracle19c EM Express配置与访问全攻略：从零到可视化管理的实践指南

1. 环境准备与基础检查 第一次接触Oracle 19c EM Express时&#xff0c;很多人会直接跳进配置环节&#xff0c;结果往往被各种报错打得措手不及。我刚开始接触时也犯过这个错误&#xff0c;后来才发现做好前期检查能省去80%的麻烦。下面这些准备工作&#xff0c;建议你逐项打勾…...

编程新知 2026/4/2 3:57:05

数据库表的性能优化过程

问题背景做一个数据库表查看、标注与分析的工具软件。是数据库中表的信息&#xff08;information_schema.tables&#xff09;&#xff1b;是的数据字典文档&#xff0c;存储在本地文件中&#xff1b;是对的额外标注信息&#xff0c;存储在另一个数据库中。每一条&#xff0c;最…...

编程新知 2026/4/2 3:19:31

多模态场景：头巾误判为厨师帽 — 问题分析与调优指南

多模态场景&#xff1a;头巾误判为厨师帽 — 问题分析与调优指南适用对象&#xff1a;使用 Qwen-VL 等多模态大模型做「厨师帽 / 头饰」相关识别时的面试问答、方案设计与落地调优参考。1. 问题本质&#xff1a;为什么会把头巾当成厨师帽 这通常不是「模型坏了」&#xff0c;而…...

编程新知 2026/4/2 3:15:30

如何解决Tokio项目中Windows平台TCP性能问题的完整指南

如何解决Tokio项目中Windows平台TCP性能问题的完整指南 【免费下载链接】tokio A runtime for writing reliable asynchronous applications with Rust. Provides I/O, networking, scheduling, timers, ... 项目地址: https://gitcode.com/GitHub_Trending/to/tokio To…...

编程新知 2026/4/2 0:59:55

学习框架和推理引擎有什么区别

​​​​​​学习框架和推理引擎通常分别应用在 AI 大模型的训练和推理 &#xff08;运行&#xff09;阶段。模型的核心任务是从大量数据中学习规律&#xff0c;完成特定预测或者生成任务&#xff0c;前者即“模型训练”&#xff0c;后者即“模型运行”。在模型训练时&#xff…...

编程新知 2026/4/2 0:51:46

告别命令行：5分钟掌握ffmpegGUI视频处理新方式

告别命令行&#xff1a;5分钟掌握ffmpegGUI视频处理新方式 【免费下载链接】ffmpegGUI ffmpeg GUI 项目地址: https://gitcode.com/gh_mirrors/ff/ffmpegGUI ffmpegGUI是一款创新的跨平台视频处理工具&#xff0c;它将强大的FFmpeg命令行功能转化为直观的图形界面操作&a…...

编程新知 2026/4/2 0:22:55

Krita AI Diffusion图像引导适配器功能异常的深度解决方案

Krita AI Diffusion图像引导适配器功能异常的深度解决方案 【免费下载链接】krita-ai-diffusion Streamlined interface for generating images with AI in Krita. Inpaint and outpaint with optional text prompt, no tweaking required. 项目地址: https://gitcode.com/gh…...

编程新知 2026/4/1 23:56:39

一站式AI应用开发：在PyTorch 2.8环境中集成Dify与Ollama部署大模型

一站式AI应用开发&#xff1a;在PyTorch 2.8环境中集成Dify与Ollama部署大模型 1. 企业级AI开发的新范式 想象一下这样的场景&#xff1a;你的开发团队需要在两周内上线一个智能客服系统&#xff0c;要求能理解专业术语、生成高质量回复&#xff0c;还要能与企业现有系统无缝…...

编程新知 2026/4/1 23:48:30