个人主页设计(HTML+CSS+JS)

最新推荐文章于 2024-08-08 15:58:05 发布
最新推荐文章于 2024-08-08 15:58:05 发布
阅读量5.1w 收藏 386
点赞数
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012310622/article/details/107194556
版权

个人主页设计(HTML+CSS+JS)

在这里插入图片描述
github链接：点此跳转（https://github.com/Chien-W/Personal-home-page）
CSDN下载链接：点此跳转

样例跳转：样例四<–这里跳转（ps.请勿使用谷歌游览器，里面有flash插件，谷歌无法播放）

代码见github。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Chien d'amis
关注
专栏目录
HTML+CSS个人静态网页设计
aghewugwe的博客
08-13 3万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
html+css+js漂亮的个人主页
06-09
一个漂亮的个人主页，支持音乐跨界面播放，支持网页背景主题五种样式切换
优秀个人主页模板 HTML
09-13
HTML 网页编程 主页模板 本人学习过程中索积累下的部分资料，特此上传共享。
个人主页HTML模板
11-28
个人主页HTML模板 儿童模板 个人模板 主页模板 HTML模板 可爱儿童模板 绘画 斑点 橘黄色背景
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
最新发布
爱敲代码的卡拉米的博客
08-08 1457
计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；网页作品代码简单，可使用任意HTML编辑软件（如：D。
个人主页模板HTML
12-19
个人主页模板HTML
HTML个人主页
06-19
单纯的利用HTML写的一个关于个人主页的一个网页，代码比较简单，适合初学者，易懂
html 个人主页效果实例,html ------个人主页制作示例（div布局）
weixin_30268555的博客
06-03 1192
该楼层疑似违规已被系统折叠隐藏此楼查看此楼.header{width:1000px;margin-left:auto;margin-right:auto;padding-top:20px;}.header a{color:Black;text-decoration:none;}.header a:hover{text-decoration:underline;}.nav { clear:both...
一个简单的HTML个人主页模板，简单易学仅供初学使用。
05-30
一个简单的HTML个人主页模板，简单易学仅供初学使用。
个人主页（html）模板 静态网页模板
10-05
个人主页（html）模板，静态网页模板。静态网页模板。静态网页模板。
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
HTML个人主页模板
04-09
一个简单的HTML个人主页模板，简单易学仅供初学使用。
个人博客页面设计（html + css）
05-29
个人博客页面设计（html + css）
HTML+CSS 实现个人主页
04-16
利用前端写的简单的个人主页，包含HTML的基本运用，也利用了CSS进行美化，通俗易懂的程序，比较适合初学者看，欢迎初学者交流学习
简单的个人网页，HTML+CSS
03-18
动态滑动，使用时将图片、.css以及.html文件均放置在Web文件夹下。 背景图片和头像的萌妹图可以自己选择。 当然我的背景图是美美的紫金港。
一个简单的HTML网页 个人网站设计与实现 HTML+CSS+JavaScript自适应个人相册展示留言博客模板
08-10
这个项目的完成不仅有助于学生掌握 HTML、CSS 和 JavaScript 的基础知识和实际应用技巧，还能让他们了解现代网页设计的最佳实践。此外，由于项目中的模板具有广泛的适用性，它们也可以成为未来开发个人或商业网站的...
html+css+js网页设计之个人博客网页【html+css+js】
12-17
html+css+js网页设计之个人博客网页【html+css+js】html+css+js网页设计之个人博客网页【html+css+js】html+css+js网页设计之个人博客网页【html+css+js】html+css+js网页设计之个人博客网页【html+css+js】...
个人风景网站HTML+CSS+JS
05-26
【个人风景网站HTML+CSS+JS】是一个适合初学者学习的项目，旨在帮助新手了解和掌握网页设计的基础知识。这个项目结合了HTML、CSS和JavaScript这三种核心技术，用于创建一个展示风景图片和个人风格的静态网站。 HTML...
设计个人网页html+css
06-09
很高兴为您解答有关设计个人网页HTML和CSS的问题。以下是一个简单的示例，展示如何使用HTML和CSS来创建一个基本的个人网页： HTML代码： ```html <!DOCTYPE html> <html> <head> <title>个人网页</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>我的个人网页</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我</a></li> <li><a href="#">作品集</a></li> <li><a href="#">博客</a></li> <li><a href="#">联系我</a></li> </ul> </nav> </header> <main> <section> <h2>欢迎来到我的个人网页</h2> <p>我是一个Web开发者，喜欢使用HTML、CSS和JavaScript来创建精美的网站。</p> </section> <section> <h2>我的作品集</h2> <ul> <li><a href="#">网站1</a></li> <li><a href="#">网站2</a></li> <li><a href="#">网站3</a></li> </ul> </section> <section> <h2>我的博客</h2> <ul> <li><a href="#">文章1</a></li> <li><a href="#">文章2</a></li> <li><a href="#">文章3</a></li> </ul> </section> </main> <footer> <p>版权所有 © 2021 我的个人网页</p> </footer> </body> </html> ``` CSS代码： ```css body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; } h1 { margin: 0; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { display: inline-block; margin-right: 20px; } nav li:last-child { margin-right: 0; } nav a { color: #fff; text-decoration: none; } main { max-width: 800px; margin: 20px auto; padding: 0 20px; } section { margin-bottom: 20px; } h2 { margin-top: 0; } ul { list-style-type: none; margin: 0; padding: 0; } li { margin-bottom: 10px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } ``` 这是一个基本的个人网页，包含一个标题、导航栏、主要内容和页脚。您可以根据自己的需求和喜好来修改和扩展这个示例。 希望这些信息能够对您有所帮助。如果您有其他问题，欢迎随时提出。
评论 53
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值