【完整代码】用HTML/CSS制作一个美观的个人简介网页
【完整代码】用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！大家好，由于《用HTML/CSS制作一个美观的个人简介网页》这篇笔记有幸被很多伙伴关注，于是特意去找了之前写的完整…...
Java分布式事务（九）
文章目录🔥XA强一致性分布式事务实战_Atomikos介绍🔥XA强一致性分布式事务实战_业务说明🔥XA强一致性分布式事务实战_项目搭建🔥XA强一致性分布式事务实战_多数据源实现🔥XA强一致性分布式事务实战_业务层实现…...
基于深度学习的动物识别系统（YOLOv5清新界面版，Python代码）
摘要：动物识别系统用于识别和统计常见动物数量，通过深度学习技术检测日常几种动物图像识别，支持图片、视频和摄像头画面等形式。在介绍算法原理的同时，给出Python的实现代码、训练数据集以及PyQt的UI界面。动物识别系统主要用于常…...
K8S集群之-ETCD集群监控
### 生产ETCD集群监控核心指标 etcd服务存活状态 up{job~"kubernetes-etcd.*"}0 说明：up0代表服务挂掉 etcd是否有脱离情况 etcd_server_has_leader{job~"kubernetes-etcd.*"}0 说明：每个instance，该值应该都…...
一文弄懂熵、交叉熵和kl散度(相对熵)
一个系统中事件发生的概率越大，也就是其确定性越大，则其包含的信息量越少，可以认为一个事件的信息量就是该事件发生难度的度量，事件所包含的信息量越大则其发生的难度越大。并且相互独立的事件，信息量具有可加性。相互…...
10从零开始学Java之开发Java必备软件Intellij idea的安装配置与使用
作者：孙玉昌，昵称【一一哥】，另外【壹壹哥】也是我哦CSDN博客专家、万粉博主、阿里云专家博主、掘金优质作者前言壹哥在前面的文章中，带大家下载、安装、配置了Eclipse这个更好用的IDE开发工具，并教会了大家如何在Ecli…...
04 - 进程参数编程
---- 整理自狄泰软件唐佐林老师课程 查看所有文章链接：（更新中）Linux系统编程训练营 - 目录 文章目录1. 问题1.1 再论execve(...)1.2 main函数（默认进程入口）1.3 进程空间概要图1.4 编程实验：进程参数剖析1…...
【python进阶】你真的懂元组吗？不仅是“不可变的列表”
📚引言 🙋♂️作者简介：生鱼同学，大数据科学与技术专业硕士在读👨🎓，曾获得华为杯数学建模国家二等奖🏆，MathorCup 数学建模竞赛国家二等奖🏅，…...
《C++ Primer Plus》（第6版）第13章编程练习
《C Primer Plus》（第6版）第13章编程练习《C Primer Plus》（第6版）第13章编程练习1. Cd类2. 使用动态内存分配重做练习13. baseDMA、lacksDMA、hasDMA类4. Port类和VintagePort类《C Primer Plus》（第6版）第…...
【多线程】多线程案例
✨个人主页：bit me👇 ✨当前专栏：Java EE初阶👇 ✨每日一语：we can not judge the value of a moment until it becomes a memory. 目 录🍝一. 单例模式🍤1. 饿汉模式实现🦪2. 懒汉模…...
【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相…...
DJ2-4 进程同步（第一节课）
目录 2.4.1 进程同步的基本概念 1. 两种形式的制约关系 2. 临界资源（critical resource） 3. 生产者-消费者问题 4. 临界区（critical section） 5. 同步机制应遵循的规则 2.4.2 硬件同步机制 1. 关中断 2. Test-and-Set …...
AI独立开发者：一周涨粉8万赚2W美元；推特#HustleGPT GPT-4创业挑战；即刻#AIHackathon创业者在行动 | ShowMeAI周刊
👀日报&周刊合辑 | 🎡生产力工具与行业应用大全 | 🧡 点赞关注评论拜托啦！ 这是ShowMeAI周刊的第7期。聚焦AI领域本周热点，及其在各圈层泛起的涟漪；拆解AI独立开发者的盈利案例，关注中美AIG…...
不要迷信 QUIC
很多人都在强调 QUIC 能解决 HoL blocking 问题，不好意思，我又要泼冷水了。假设大家都懂 QUIC，不再介绍 QUIC 的细节，直接说问题。 和 TCP 一样，QUIC 也是一个基于连接的，保序的可靠传输协议，T…...
【28】Verilog进阶 - RAM的实现
VL53 单端口RAM 1 思路 简简单单，读取存储器单元值操作即可 2 功能猜想版 说明： 下面注释就是我对模块端口信号 自己猜测的理解。 因为题目并没有说清楚，甚至连参考波形都没有给出。 唉，这就完全是让人猜测呢，如果一点学术背景的人来刷题，指定不容易！！ 好在，我有较为…...
【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、前言 前面的内容已经把基础的增删改查介绍的差不多了，也介绍了表的相关约束， 从本期开始…...
初时STM32单片机
目录 一、单片机基本认知 二、STM系列单片机命名规则 三、标准库与HAL库区别 四、通用输入输出端口GPIO 五、推挽输出与开漏输出 六、复位和时钟控制（RCC） 七、时钟控制 八、中断和事件 九、定时器介绍 一、单片机基本认知 单片机和PC电脑相比…...
debian部署docker（傻瓜式）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 debian10部署dockerdebian10部署docker（傻瓜式）一、准备工作二、**使用 APT 安装，注意要先配置apt网络源**1.配置网络源2.官方下载三、安装…...
JS判断是否为base64字符串如何转换为图片src格式
需求背景 ： 如何判断后端给返回的 字符串 是否为 base-64 位 呢 ？ 以及如果判断为是的话，如何给它进行转换为 img 标签可使用的那种 src 格式 呢 ？ 1、判断字符串是否为 base64 以下方法，可自行挨个试试，…...
【SpringMVC】SpringMVC方式，向作用域对象共享数据（ModelAndView、Model、map、ModelMap）
个人简介：Java领域新星创作者；阿里云技术博主、星级博主、专家博主；正在Java学习的路上摸爬滚打，记录学习的过程~ 个人主页：.29.的博客 学习社区：进去逛一逛~ 向域对象共享数据一、使用 原生ServletAPI二、…...
DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径
目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...
3.3.1_1 检错编码（奇偶校验码）
从这节课开始，我们会探讨数据链路层的差错控制功能，差错控制功能的主要目标是要发现并且解决一个帧内部的位错误，我们需要使用特殊的编码技术去发现帧内部的位错误，当我们发现位错误之后，通常来说有两种解决方案。第一…...
LeetCode - 394. 字符串解码
题目 394. 字符串解码 - 力扣（LeetCode） 思路 使用两个栈：一个存储重复次数，一个存储字符串 遍历输入字符串： 数字处理：遇到数字时，累积计算重复次数左括号处理：保存当前状态&a…...
大学生职业发展与就业创业指导教学评价
这里是引用 作为软工2203/2204班的学生，我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要，而您认真负责的教学态度，让课程的每一部分都充满了实用价值。 尤其让我…...
docker 部署发现spring.profiles.active 问题
报错： org.springframework.boot.context.config.InvalidConfigDataPropertyException: Property spring.profiles.active imported from location class path resource [application-test.yml] is invalid in a profile specific resource [origin: class path re…...
安卓基础（aar）
重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...
RSS 2025｜从说明书学习复杂机器人操作任务：NUS邵林团队提出全新机器人装配技能学习框架Manual2Skill
视觉语言模型（Vision-Language Models, VLMs），为真实环境中的机器人操作任务提供了极具潜力的解决方案。 尽管 VLMs 取得了显著进展，机器人仍难以胜任复杂的长时程任务（如家具装配），主要受限于人…...
C# 表达式和运算符(求值顺序)
求值顺序 表达式可以由许多嵌套的子表达式构成。子表达式的求值顺序可以使表达式的最终值发生 变化。 例如，已知表达式3*52，依照子表达式的求值顺序，有两种可能的结果，如图9-3所示。 如果乘法先执行，结果是17。如果5…...
Qemu arm操作系统开发环境
使用qemu虚拟arm硬件比较合适。 步骤如下： 安装qemu apt install qemu-system安装aarch64-none-elf-gcc 需要手动下载，下载地址：https://developer.arm.com/-/media/Files/downloads/gnu/13.2.rel1/binrel/arm-gnu-toolchain-13.2.rel1-x…...
深入理解Optional：处理空指针异常
1. 使用Optional处理可能为空的集合 在Java开发中，集合判空是一个常见但容易出错的场景。传统方式虽然可行，但存在一些潜在问题： // 传统判空方式 if (!CollectionUtils.isEmpty(userInfoList)) {for (UserInfo userInfo : userInfoList) {…...