html实现个人自我介绍(精)

最新推荐文章于 2024-06-14 08:08:55 发布
最新推荐文章于 2024-06-14 08:08:55 发布
阅读量3.1k 收藏 5
点赞数 6
分类专栏： 初学 文章标签： jquery css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45436168/article/details/122050615
版权

分享一个自己的网页版简历

实现功能

  1. 页面适配 ，实现了移动端、pc端适配；
  2. 百度api调用 展示我的具体标为(用于在地图上标点)；
  3. Jquery插件 实现定位当前屏幕高度，产生不同css效果；
  4. 过渡 具有较多的小过渡动画；

具体效果

注意调整控制台为移动端(本文未做pc适配)

链接: 点我查看.

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

获取资源:

  • ①请查看我的 gitee 仓库(开源)
  • ②点击头像下载资源(文件名Introduction)
林深时见鹿.
关注
  • 6
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
用html做自我介绍
hduugdh的博客
05-01 7321
话不多说上代码 顺便挑战一天爆肝三篇文章 <html> <head> <title>朱**</title> <mate name="keywords" content="个人简历"/> <mate name="description" content="朱**的个人简历"/> </head> <body> <table border=5 bordercolor=red align=center&g
html+css+js制作LOL官网，web前端大作业（3个页面+模拟登录+链接）
weixin_44009656的博客
06-14 1万+
html+css+js制作LOL官网，web前端大作业（3个页面+模拟登录+链接）
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
个人简介网页设计html
最新发布
m0_67912929的博客
06-14 287
张三的LinkedIn</a></p><p>邮箱: <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p><p>电话: <a href="tel:123-456-7890">123-456-7890版权所有 © 2024 张三
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
热门推荐
xcLeigh
12-16 9万+
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)。一款非常简洁，亮丽的个人简介模板，适用于个人主页，个人简历等相关主题，界面分为个人信息，基本资料，专业技能，教育经历，工作经验等五个版块，支持扩张，具体效果见下面的原文链接，里面有视频和代码讲解。代码容易上手，下载后直接运行。
用html制作自我介绍怎么做,制作一个简单HTML标签的网页，要求输入自我介绍，并加上导航、表格或选项卡等...
weixin_39968640的博客
06-10 2131
2011-05-19 回答简单HTML标签的网页注册HTML标签的网页&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp登&nbsp陆&nbsp名：可包含 a-z、0-9和下划线&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&a...
【资源介绍】基于HTML实现个人介绍页面
小寒要努力
10-27 1125
用HTML和CSS搭建简洁大方的个人介绍静态页面
自我介绍html+js.zip
07-01
在本项目中，“自我介绍html+js.zip”是一个包含HTML、CSS、JavaScript代码的压缩包，主要用于创建一个具有交互性的自我介绍页面。开发者利用jQuery插件Animation来增强用户体验，特别是表单提交功能，使得用户与...
html,css,javascript个人自我介绍总结网页.zip
10-31
这份压缩包文件"html,css,javascript个人自我介绍总结网页.zip"显然包含了一个使用这三种技术实现的个人自我介绍网页项目。接下来，我们将深入探讨这三个关键技术及其在网页设计中的应用。 **HTML（HyperText ...
程序猿炫酷个人介绍HTML源码.zip
02-02
在"程序猿炫酷个人介绍HTML源码"中，CSS3被用来实现丰富的视觉效果，比如渐变、阴影、过渡、动画等。例如，程序员可能使用了`transition`属性来创建平滑的元素状态变化，或者用`keyframes`定义动画序列，通过`...
html 个人简介
12-24
很好啊！这是用html做的个人简介！很有用啊！
个人自我介绍推荐网站模板
04-02
在IT行业中，构建一个引人注目的个人自我介绍网站已经成为展示个人技能、经验和成就的重要方式。"个人自我介绍推荐网站模板"就是为这个目的而设计的，它可以帮助你快速搭建一个专业的在线简历，无需深入学习复杂的...
HTML制作个人简历的简单实现
12-11
XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns=...
通过html，制作自我介绍（表格）
jinxinxinxinxin的博客
08-07 4725
表格
用HTML制作简单的个人介绍主页
A_fool_Program_ape的博客
08-06 4万+
 详情请看代码及其注释,下有效果图! &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;!--meta 单标签 用来引入或声明一些内容--&gt; &lt;meta charset="UTF-8"&gt; &lt;!--title 标题标签--&gt; &l
用HTML5制作简单的个人简历
好吗好的~的技术博客
12-20 5万+
下面有图片，可以看到我所用的标签。 这其中用&lt;video&gt;标签实现了播放视频，可以考虑借鉴下。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;个人简历&lt;/title&gt; &lt;meta name = &quot;author&quot; content = &quot;Eternall
个人简介 - HTML/CSS简单页面实例
梦里回忆-专栏
07-26 3万+
用 div + css 控制页面 1.position属性： absolute（绝对定位）：参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT（下面简称TRBL）进行定位。 在没有设定TRBL，默认依据父级的做标原始点为原始点。 如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 r
HTML新手——第一次制作个人简历
ALEXflame的博客
06-14 1万+
第一次制作个人简历： <!DOCTYPE html> <html> <head> <title>个人简历</title> <meta charset="utf-8"> </head> <body> <table width="50%" height="30%" cellpadding="5p...
html实现好看的个人介绍,个人主页模板4
11-28
要实现一个好看的个人介绍页面，可以使用HTML来设计个人主页模板4。以下是一个可能的实现方案： 首先，创建一个包含自己姓名、照片和简短自我介绍的头部。可以在头部使用CSS样式来设置背景颜色、字体样式以及布局。通过使用Flexbox或Grid布局，可以使姓名和照片在页面中垂直居中，并添加适当的边距和间距来提升页面的美观度。 接下来，创建一个包含个人经历和技能的部分。可以使用有序或无序列表来展示个人经历，并使用段落来描述具体的经历内容。这部分也可以使用CSS样式来调整字体大小、行高以及文字间距，以增强页面的可读性。 在个人经历和技能部分之后，可以添加一个包含教育背景和项目经验的模块。可以使用表格来展示教育背景，列出学校名称、学位和毕业时间。对于项目经验，可以使用一个或多个卡片布局，每个卡片都包含特定项目的标题、描述和相关链接。可以运用CSS样式来使表格和卡片看起来更加整齐、美观。 最后，可以在页面底部创建一个联系方式区域，显示个人联系信息，例如电子邮件地址、电话号码和社交媒体链接。可以使用适当的图标来增加联系方式区域的可视吸引力，并使用适当的CSS样式设置链接的颜色和悬停效果。 总结起来，通过合理的HTML结构和CSS样式，以及适当的布局和字体选项，就可以实现一个好看的个人介绍页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值