web前端开发html/css求职简介/个人简介小白网页设计

效果图展示:

html界面展示:

html/css代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求职简介</title>
<style type="text/css">*{padding:0 suto;margin:0 auto;text-decoration:none;list-style:none;}body{background:url(pictures/fly.jpg);background-repeat:no-repeat;background-size:1850px;}.bg-main{background:url(pictures/longfj.jpg);background-repeat:no-repeat;}.bg-h{width:984px;text-align:center;margin:0 auto;padding-top:50px;}h2{background:url(pictures/umbrella.jpg);background-repeat:no-repeat;width:984px;height:180px;margin-bottom:0;padding-top:140px;padding-bottom:20px;}.w-64,.w-48,.w-32,.w-16{text-align:center;font-family:华文新魏;}.w-64{font-size:64px;color:#FFF;text-shadow:2px 2px 2px #000;}.w-48{font-size:48px;}.w-32{font-size:32px;}.w-16{font-size:16px;}a{text-decoration:none;}.hezi-a{background:url(pictures/shan.jpg);width:984px;	margin:0 auto;}.hezi-b{width:984px;margin:0 auto;}.hezi-c{text-align:center;padding-top:10px;width:150px;height:100px;background-color:#300;float:right;margin:31px 0px 0px 20px;}.hezi-d{width:1040px;	margin:0 auto;}.hezi-e{background-color:#FFF;width:1050px;height:450px;	margin:0 auto;opacity:0.5;line-height:30px;padding-top:10px;}	a{color:#CFF;}dl{width:300px;margin:0 auto;float:left;padding-bottom:20px;}dt{color:#F60;padding-top:20px;padding-bottom:20px;padding-left:30px;font-size:32px;font-family:楷体;text-shadow:3px 3px 3px #FFF;}dd{font-size:16px;font-family:华文新魏;color:#F60;padding-left:30px;line-height:30px;}ul{margin-bottom:10px;}li{color:#FFF;line-height:30px;}td{text-align:center;color:#000;}p{color:#FFF;margin-top:10px;margin-bottom:10px;}.zjj{margin-left:30px;}.hx{border:1px dashed #F90;width:50px;margin-top:10px;margin-bottom:20px;}.c{text-align:center;margin:0 auto;}.mb20{margin-bottom:20px}
</style></head>
<body><h2 class="w-64">为理想奋斗的青春最美丽
<p class="bg-h" ><a name="首页" class="w-32 zjj">首页</a> <a href="#个人资料" class="w-32 zjj">个人资料</a> <a href="#作品集" class="w-32 zjj">作品集</a><a href="#获奖情况" class="w-32 zjj">获奖情况</a><a href="#留言板" class="w-32 zjj">留言板</a>  
</p></h2><div class="hezi-a"><p class="c"><img src="pictures/myself.gif" width=20% style="margin-top:150px"/></p><p class="w-32">Hello!</p><p class="w-32">My name is Linda~</p><p class="w-16" style="padding-bottom:30px">Nice to meet you!</p>
</div><div class="hezi-b"><p><a name="个人资料"> </a></p><dl><dt><b>您好,我是山山</b></dt><dd><img src="pictures/running.jpg" width="100%" class="mb20"/></dd><dd>民族:汉</dd><dd>身高:162㎝</dd><dd>体重:48kg</dd>          <dd>星座:双子座</dd><dd><hr class="hx"></dd><dd><img src="pictures/school.jpg" width="100%" class="mb20"/></dd><dd>在读学校:海南热带海南学院</dd><dd>所在院系:创意设计学院</dd><dd>就读专业:数字媒体技术</dd><dd>学历:本科在读</dd><dd>期待岗位:寿险精算师</dd></dl><dl><dt><dd><hr class="hx"></dd><dd><img src="pictures/letter.jpg" width="100%" class="mb20" /></dd>
<dd>现居城市:三亚</dd><dd>婚姻情况:未婚</dd><dd>联系电话:13111951667</dd><dd>电子邮箱:13111951667@163.com</dd><dd><hr class="hx"></dd><dd><img src="pictures/hand.jpg" width="100%" class="mb20"/></dd><dd>性格:生性凉薄,不喜言笑。</dd><dd>座右铭:时间就像一条小河,勤劳的人从小河里捞起金子,懒惰的人只能捞起后悔和失望。</dd><dd style="border:1px solid black;text-align:center;margin:5px 20px 10px;padding:5px;border-radius:20px;background-color:#F60;"><a href="#首页"><b>点击查看更多</b></a></dd><dd><p><a name="作品集"></a></p></dd></dl><div class="hezi-c"><p class="w-32" ><b>1<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>获奖次数</p> <div class="hezi-c"><p class="w-32"><b>7<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>阅读情况</p> </div>    		 <div class="hezi-c"><p class="w-32"><b>10<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>完成的练习次数</p> </div> <div class="hezi-c"><p class="w-32"><b>50<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>发表博客次数</p> </div></div> <div class="hezi-c"><p class="w-32" ><b>3<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>作业完成次数</p> <div class="hezi-c" ><p class="w-32"><b>5<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>每周跑步次数</p> </div> <div class="hezi-c"><p class="w-32"><b>9<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>每周听歌次数</p> </div> <div class="hezi-c" ><p class="w-32"><b>30<sub>+</sub></b></p><hr style="border:1px dashed white;width:90px;"><p>说说发表情况</p> </div></div>   </div>    <div class="hezi-d"><table border="1px" cellspacing="0" style="margin:50px"><tr><td colspan="10" style="padding:15px 0px 15px;font-size:32px;font-family:楷体;letter-spacing:20px;"><b>作品集</b></td></tr><tr><td>序号</td><td>作品名称</td><td>作品</td><td>作品信息</td><td>获奖情况</td><td>序号</td><td>作品名称</td><td>作品</td><td>作品信息</td><td>获奖情况</td></tr><tr><td>1</td><td>《游戏地形图》</td><td><img src="pictures/a.jpg" width="100" /></td><td>结课作业</td><td>无</td><td>2</td><td>《石头人》</td><td><img src="pictures/b.jpg" width="100" /></td><td>游戏角色设计</td><td>无</td></tr><tr><td>3</td><td>《实验室安全》</td><td><img src="pictures/c.jpg" width="100" /></td><td>校内比赛</td><td>优秀奖</td><td>4</td><td>《中秋》</td><td><img src="pictures/d.jpg" width="100" /></td><td>结课作业</td><td>无</td></tr><tr><td>5</td><td>《读书》</td><td><img src="pictures/e.jpg" width="100" /></td><td>摩托车结构设计</td><td>无</td><td>6</td><td>《女战士》</td><td><img src="pictures/f.jpg" width="100" /></td><td>结课作业</td><td>无</td></tr><tr><td>9</td><td>《新加坡环球旅行宣传片》</td><td colspan="2"><video src="新加坡环球宣传片.mp4" controls="controls" width="250"></video></td><td>无</td><td>10</td><td>《惊魂一梦》</td><td colspan="2"><video src="惊魂一梦.mp4" controls="controls" width="250"></video></td><td>无</td></tr>
</table>
<a href="#" name="获奖情况"><a>
<p class="w-48" style="color:#F60">获奖情况</p>
<ul><li>2022年3月获得海南热带海洋学院程序设计大赛成功参赛奖</li><li>2022年11月荣获热带海洋学院实验室安全海报大赛优秀奖</li><li>2023年6月荣获全国大学生设计大赛团体赛海南省二等奖,作品《南极磷虾会灭绝吗》</li><li><img src="pictures/成功参赛奖.jpg" width="300" /><img src="pictures/优秀奖.jpg" width="300" /><video src="南极磷虾会灭绝吗.mp4" controls="controls" width="350" ></video></li></ul></div><div class="hezi-e"><p><a name="留言板"> </a></p><p style="color:#F60;opacity:1;font-size:48px;font-family:华文新魏;text-align:center;background-color:#FFF;">留言板</p><p class="w-32" style="color:#000">您好!有什么想对我说的吗?</p><p class="w-16" style="color:#000;font-size:22px;">请写在这里</p><textarea type="text" style="border:1px dashed #000;width:900px;height:250px;display:-webkit-box;-webkit-line-clamp:10;font-size:24px;"/></textarea><h6 align="right" style="margin-right:70px;">2023.11.26</h6></div>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/585654.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

安装驱动的时候提示安装驱动时提示文件的哈希值不在指定的目录文件中...

在安装打印机驱动时提示文件的哈希值不在指定的目录文件中... 执行下面的批处理文件 , 然后系统重启后再进行安装 &#xff0c; 再安装的时候系统会询问是否允许安装驱动&#xff0c; 选择允许即可。 echo off echo 正在启用超级管理员权限... %1 %2 ver|find "5."…

驶入未来:网约车运营数据揭秘与可视化大屏展示

驶入未来&#xff1a;网约车运营数据揭秘与可视化大屏展示 引言1. 数据获取与准备1.1 数据来源1.2 数据结构 2. 数据处理模块2.1 数据清洗2.2 数据转换2.3 数据整合 3. 数据可视化大屏4. 创新性可视化展示5. 应用与决策支持 结语 引言 数字化时代下&#xff0c;网约车运营数据…

轮滑培训机构会员系统,轮滑俱乐部会员卡管理软件教程

轮滑培训机构会员系统&#xff0c;轮滑俱乐部会员卡管理软件教程 一、软件程序问答 1、轮滑会员管理&#xff0c;那么会员卡是否可以直接用手机号呢&#xff1f; 如下图&#xff0c;软件以 佳易王轮滑会员管理系统V16.2为例说明 会员在登记的时候&#xff0c;会员卡可以直…

python实现图像的二维傅里叶变换——冈萨雷斯数字图像处理

原理 二维傅里叶变换是一种在图像处理中常用的数学工具&#xff0c;它将图像从空间域&#xff08;我们通常看到的像素排列&#xff09;转换到频率域。这种变换揭示了图像的频率成分&#xff0c;有助于进行各种图像分析和处理&#xff0c;如滤波、图像增强、边缘检测等。 在数学…

按摩上门预约小程序源码系统 开发组合:PHP+MySQL 附带完整的搭建教程

现代生活节奏的加快&#xff0c;人们越来越注重健康与放松。按摩作为传统的舒缓方式&#xff0c;市场需求逐年上升。然而&#xff0c;传统的按摩服务预约方式较为繁琐&#xff0c;用户需拨打热线电话或前往实体店进行预约&#xff0c;这无疑增加了用户的操作成本。因此&#xf…

【JavaScript】异步解决方案的发展历程

✨ 专栏介绍 在现代Web开发中&#xff0c;JavaScript已经成为了不可或缺的一部分。它不仅可以为网页增加交互性和动态性&#xff0c;还可以在后端开发中使用Node.js构建高效的服务器端应用程序。作为一种灵活且易学的脚本语言&#xff0c;JavaScript具有广泛的应用场景&#x…

揭秘营销返利模式!

随着互联网的普及和发展&#xff0c;越来越多的商家开始采用营销返利模式来吸引消费者。这种模式不仅可以提高销售额&#xff0c;还可以让消费者获得实实在在的优惠。本文将详细解析营销返利模式的秘密&#xff0c;让你轻松掌握这一有效的营销策略&#xff01; 一、什么是营销返…

C++继承与派生——(6)派生类的析构函数

归纳编程学习的感悟&#xff0c; 记录奋斗路上的点滴&#xff0c; 希望能帮到一样刻苦的你&#xff01; 如有不足欢迎指正&#xff01; 共同学习交流&#xff01; &#x1f30e;欢迎各位→点赞 &#x1f44d; 收藏⭐ 留言​&#x1f4dd; 站在巨人的肩上&#xff0c;是为了超过…

说一下数据库的事务隔离?

说一下数据库的事务隔离&#xff1f; 数据库事务隔离是指在多个事务同时并发执行的情况下&#xff0c;系统确保各个事务相互之间是隔离的&#xff0c;一个事务的执行不会影响其他事务的执行。SQL 标准定义了四个隔离级别&#xff0c;分别是读未提交&#xff08;Read Uncommitt…

14-网络安全框架及模型-分层防护模型

目录 分层防护模型 1 背景概述 2 主要内容 3 保护层次 4 优势和局限性 5 应用场景 分层防护模型 1 背景概述 分层防护模型是一种网络安全架构&#xff0c;旨在通过将保护对象划分为不同的层次&#xff0c;并为每个层次部署相应的安全措施&#xff0c;提供多层次、全面的…

社群管理助手的角色与价值

在数字化时代&#xff0c;社群管理已成为企业和组织成功的关键因素之一。社群管理助手&#xff0c;作为这一领域的专业人士&#xff0c;承担着推动社群发展、增强用户黏性、提升品牌影响力等多重任务。本文将深入探讨社群管理助手的角色定位、核心职责以及如何提升其专业能力。…

关于Omlox定位标准(一)——omlox hub

关于Omlox定位标准 Omlox是世界上第一个开放的定位标准&#xff0c;旨在实现灵活的实时定位解决方案&#xff0c;&#xff0c;可以使用来自各个制造商的单元。“omlox"一词源自拉丁词汇"omni”&#xff08;无处不在&#xff09;和"locus"&#xff08;位置…

7天玩转 Golang 标准库之 http/net

在构建web应用时&#xff0c;我们经常需要处理HTTP请求、做网页抓取或者搭建web服务器等任务&#xff0c;而Go语言在这方面为我们提供了强大的内置工具&#xff1a;net/http标准库&#xff0c;它为我们操作和处理HTTP协议提供了便利。 基础用法 一&#xff1a;处理HTTP请求 首…

18国签署,全球首份《安全AI系统开发指南》发布

内容概述&#xff1a; 2023年11月27日&#xff0c;美国、英国和其他十几个国家公布了首份关于如何保护AI免受流氓行为侵害的详细国际协议《安全AI系统开发指南》&#xff0c;敦促企业打造“设计安全”的AI系统。协议由英国国家网络安全中心&#xff08;NCSC&#xff09;主导&a…

基于电商场景的高并发RocketMQ实战-Broker写入读取流程性能优化总结、Broker基于Pull模式的主从复制原理

&#x1f308;&#x1f308;&#x1f308;&#x1f308;&#x1f308;&#x1f308;&#x1f308;&#x1f308; 【11来了】文章导读地址&#xff1a;点击查看文章导读&#xff01; &#x1f341;&#x1f341;&#x1f341;&#x1f341;&#x1f341;&#x1f341;&#x1f3…

C++多线程入门笔记

参考&#xff1a; https://blog.csdn.net/qq_44891434/article/details/132559929 https://www.cnblogs.com/chen-cs/p/13055211.html #include <thread> std::thread t(function_name, args...);function_name是线程入口点的函数或可调用对象 args…是传递给函数的参数…

【Spark精讲】一文讲透SparkSQL执行过程

SparkSQL执行过程 逻辑计划 逻辑计划阶段会将用户所写的 SQL语句转换成树型数据结构(逻辑算子树)&#xff0c; SQL语句中蕴含的逻辑映射到逻辑算子树的不同节点。 顾名思义&#xff0c;逻辑计划阶段生成的逻辑算子树并不会直接提交执行&#xff0c;仅作为中间阶段 。 最终逻辑…

c# 设置文件夹隐藏

在C#中&#xff0c;你可以使用DirectoryInfo类的Attributes属性来设置文件夹的隐藏属性。以下是一个示例代码&#xff1a; using System; using System.IO;class Program {static void Main(string[] args){string folderPath "你的文件夹路径"; // 替换为你要隐藏…

二、KMDF开发之HelloWord

目录 第一步、创建KMDF项目 第二步、代码里增加打印信息 最终我们是要自己开发PCIE驱动&#xff0c;这里使用HelloWord工程把整个环境打通&#xff0c;下一篇将讲KMDF双机调试环境的搭建&#xff0c;开发环境的搭建见上一篇博文《一、KMDF开发之环境搭建-CSDN博客》。 第一步…

关键字:abstract关键字

在 Java 中&#xff0c;abstract是一个关键字&#xff0c;用于修饰类和方法。当一个类被声明为抽象类时&#xff0c;它不能被实例化&#xff0c;只能被其他类继承。同时&#xff0c;抽象类可以包含抽象方法&#xff0c;抽象方法没有方法体&#xff0c;只包含方法的签名&#xf…