一款很好看的个人主页html源码免费下载

最新推荐文章于 2024-05-26 14:25:50 发布
最新推荐文章于 2024-05-26 14:25:50 发布
阅读量5.4k 收藏 19
点赞数 5
分类专栏： 源码 网站源码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37863729/article/details/112989166
版权

源码介绍：

源码添加了layer弹出层，pc端以窗口显示，手机端直接打开新页面！


下载地址：

http://www.bytepan.com/OQmimNKt9u7


修改说明：

首页图片修改style.css文件第5行和146行图片链接进行更换！

更换网易云音乐歌单index.html大概66行的位置，修改data-id的值为你的网易云歌单ID！

在这里插入图片描述

weixin_37863729
关注
  • 5
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML5期末大作业——体育 气步枪射击主题(5页) 带图片轮播特效HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作期末大作业成品_网页设计期末作业
HTML5学生网页设计作业成品模板
10-22 2687
HTML5期末大作业——体育 气步枪射击主题(5页) 带图片轮播特效HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作
index.html
05-23
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>'s page</title> <link href ="gogo.css" type="text/css" rel ="stylesheet"/> </head> <body> <div id="A"> <center> <h1 id="B"><b><tt>'s page</tt></b></h1> </center> <ul> <li><a href="#about" class="scroll">About me</a></li> <li><a href="#home" class="scroll">Hometown</a></li> <li><a href="#favorite" class="scroll">Favorite</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> <br/> </div> <div class="homepage" id="homepage"> <center><h1>Hello,I am Gogo.</h1></center> <center> <ul class="information"> <li></li> <li></li> <li></li> </ul></center> </div> <div class="about" id="about"> <img alt="gogo.jpg" src="img/gogo.jpg" align="right" height="450px" width="350px"></img> <h2>About me:</h2> <table> <tr bgcolor="#00FFFF"> <td colspan="3">Profession</td> </tr> <trbgcolor="#00FFFF"> <td bgcolor="#00FFFF">C</td> <td bgcolor="#00FFFF">C++</td> <td bgcolor="#00FFFF">C#</td> </tr> <tr bgcolor="#00FFFF"> <td colspan="3">SQL</td> </tr> <tr bgcolor="#00FFFF"> <td colspan="3">HTML</td> </tr> </table> </div> <div class="home" id="home"> <ul class="changde"> <li><img src="img/Changde-1.jpeg" align="right" height="200px" width="300px"></img></li> <li><img src="img/Changde-3.jpeg" align="right" height="200px" width="300px"></img></li> <br/> <li><img src="img/Changde-4.jpg" align="right" height="200px" width="300px"></img></li> <li><img src="img/Changde-5.jpeg" align="right" height="200px" width="300px"></img></li> <br/> <li><img src="img/Changde-2.jpg" align="right" height="200px" width="300px"></img></li> <li><img src="img/Changde-6.jpeg" align="right" height="200px" width="300px"></img></li> </ul> <h2>Hometown:<a href="http://eng.changde.gov.cn" target="_blank">Changde</a></h2> <iframe src="http://f.amap.com/nuXR_0E65UPN" height="400px" width="600px"></iframe> <p> </p> </div> <div class="favorite" id="favorite"> <h2>Favorite:</h2> <h3>My idol:<a href="https://syndicasian.com/nct-jaehyun-member-profile-and-facts/" target="_blank">JaeHyun</a></h3> <iframe src="//player.bilibili.com/player.html?aid=33861895&cid=59295951&page=1" scrolling="no" align="right" border="0" frameborder="no" framespacing="0" allowfullscreen="true" height="300px" width="500px"></iframe> <img src="img/Jaehyun-2.jpg" height="490px" width="370px"></img> <img src="img/Jaehyun-3.jpeg" height="490px" width="370px"></img> </div> <div class="contact" id="contact"> <h2>Contact:</h2> <p> <center class="wayt"> <a href=""></a> <br/> <form> <button><a href="index.html">Again</a></button> </form> </center> </p> </div> </body> </html>
3款简洁个人网站引导页（附带源码）
最新发布
孤客科技
05-26 1134
3款简洁个人网站引导页（附带源码）关注微信公众号祖龙科技工作室即可领取源码，谢谢你们的支持，你们的支持是我们创作的动力！谢谢大家！
http://www.mydown.net/download/index.html 源码下载
cay22的专栏
10-29 4999
 http://www.mydown.net/download/index.html
JavaWeb 两种方式文件下载
qq_38320255的博客
07-26 3万+
以下是关于，如何设置从服务器进行文件下载。有两种方法：1.a标签下载 2.Servlet下载。 a标签事实上不需要部署Servlet，只需要告诉它文件所在位置即可。不过缺点是，浏览器会自动解析文件内容。如:如果是txt文档或图片，浏览器会自动打开，而不是以附件的形式进行下载。而zip等浏览器无法打开时，才会以下载的方法，让你进行处理。 操作如下： 1.我们先在eclipse中创建一个动态网页...
html实现好看的多种风格导航菜单(附源码)
热门推荐
xcLeigh
06-29 4万+
html实现好看的多种风格导航菜单(附源码)，导航菜单，源码下载，分为顶部导航菜单,悬浮按钮菜单,右键功能菜单,左侧导航菜单四种导航菜单。每种导航菜单有至少三种风格，总共23种风格，各种风格都有，代码上手简单，代码独立，可以直接使用，效果酷炫，总有一款你喜欢的。也可直接预览效果。
一款好看的个人主页html源码
03-21
这款个人主页HTML源码是一个设计精美的网页模板，适合用于展示个人简历、作品集或博客。HTML是一种标记语言，它是构建网页的基础，通过结构化的标签来描述页面内容和布局。这款源码的创建者最初打算制作一个API管理...
一款很好看的个人主页html源码.txt
03-07
一款很好看的个人主页html源码
一款很好看的个人主页
03-22
源码介绍：源码添加了layer弹出层，pc端以窗口显示，手机端直接打开新页面！修改说明：首页图片修改style.css文件第5行和146行图片链接进行更换！更换网易云音乐歌单index.html大概66行的位置，修改data-id的值为你...
博主推荐html好看的个人主页(附源码)
06-04
【博主推荐】html好看的个人主页(附源码) > 附带四种风格个人主页 > 背景个人主页：带有背景图片的个人主页，可以配置不同的背景色，让个人主页更加主题； > 简洁个人主页：风格简洁，但不是色彩，极简风； > 卡片...
一款布局好看的个人主页HTML源码
01-18
为了让个人主页“布局好看”，源码中必定包含了CSS（Cascading Style Sheets）代码，用于定义网页的样式和布局。CSS通过选择器来定位HTML元素，并应用样式规则，如颜色、字体、尺寸、位置等。例如，使用`.class`或`#...
【博主推荐】html好看的列表滚动效果（附源码）
xcLeigh
05-20 8473
【博主推荐】html好看的列表滚动效果（附源码） 1.实现列表滚动，上下无缝衔接； 2.实现鼠标悬浮停止滚动；
html项目列表页面源码,HTML 列表
weixin_30696613的博客
06-04 1486
HTML 列表HTML 支持有序、无序和定义列表:HTML 列表有序列表第一个列表项第二个列表项第三个列表项无序列表列表项列表项列表项在线实例无序列表本例演示无序列表。有序列表本例演示有序列表。(可以在本页底端找到更多实例。)HTML无序列表无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用 标签CoffeeMilk浏览器显示如下：CoffeeMilkHTML...
列表页详情页html源码,UI布局欣赏：文章列表与内容详情页设计
weixin_34835470的博客
06-04 2059
UI布局欣赏：文章列表与内容详情页设计3月 23, 2017评论Sponsor信息内容几乎是每个新闻、博客、摄影、社区等类型媒体常用的功能，所以他们一般都会拥有信息的列表页和内容详情页面的设计，可是这些UI布局的设计往往是差不多样子，也许因为用户体验而不敢做太多的UI修改，可是这样一成不变的布局样式已经看厌了吧？怎么办？今天我们精选了50+优秀的文章列表与详情页布局设计，这些界面的排版都是比较新鲜...
超好看个人主页html介绍页源码
12-15
这个个人主页的HTML介绍页源码非常吸引人。首先，整个页面布局设计简洁大方，色彩搭配和谐统一，给人一种清新的感觉。页面顶部采用了个性化的头像展示区域，让人一眼就能认出该主页的所有者。接着，页面主体部分采用了分段式的排版，清晰地展示了个人的介绍信息、技能专长、工作经历和项目展示等内容，让人一目了然地了解该主页的所有者的全貌。此外，页面底部还设置了联系方式及社交媒体链接，方便了解者与该主页所有者进行联系和互动。 在HTML代码方面，该页面精心设计了各种标签，包括头部标签、段落标签、图像标签等，合理地应用了CSS样式，实现了对页面各个元素的美观呈现。同时，还添加了一些JavaScript脚本，实现了页面的一些特效和交互功能，使页面更加动态、生动。整体来看，该源码在结构和设计上都体现了一定的水平，为网页制作提供了非常好的参考。值得一提的是，该源码还具有响应式设计，无论在电脑端、平板端还是手机端都能够完美展示，大大提升了其用户体验。 总的来说，这个个人主页HTML介绍页源码展示了非常好的网页设计理念和前端技术实力，无论是在设计风格、结构布局还是代码编写方面都是值得学习借鉴的优秀范例。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值