纯CSS+HTML+JS实现的简易个人网站

最新推荐文章于 2024-08-01 09:59:14 发布
置顶 最新推荐文章于 2024-08-01 09:59:14 发布
阅读量3.9w 收藏 300
点赞数 89
分类专栏： HTML CSS JS 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40311281/article/details/86616037
版权
HTML 同时被 3 个专栏收录
2 篇文章 6 订阅
订阅专栏
CSS
2 篇文章 0 订阅
订阅专栏
JS
2 篇文章 1 订阅
订阅专栏

纯CSS+HTML+JS实现的简易个人网站

这是我用CSDN这么久以来第一次用它写博客，废话不多说，先上干货，下面为大家展示一下我做的简易个人网站，我是用HTML+CSS+JS实现的，没有用到后台。网站的功能页面主要有四个；
1.个人简介页面：头像360°旋转
2.个人相册页面：照片有CSS样式，可以翻转
3.个人音乐吧:可以播放音乐，可以改变进度、音量以及切歌
4.个人留言板：有验证邮箱格式功能
以下 是效果图：
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述源码是用html+css+js写的，纯手写，绝对不存在抄袭，想要源码的小伙伴可以自行在评论区找博主的评论，百度网盘自行获取，用的时候最好用ie或者Microsoft edge打开，其他的浏览器可能歌词加载不出来

Yang花落尽子规啼
关注
专栏目录
个人网页模板之静态版（HTML+CSS+JS）
01-11
前一段时间帮同学完成的一个作业，静态的网站知识几乎都涉及了！
HTML+CSS+JAVASCRIPT简易个人网站.zip
08-14
HTML+CSS+JavaScript 简易得个人网站制作，可以拿来借鉴学习使用！欢迎大家下载，谢谢。
CSS+HTML+JS----开发简单个人网站
༄༊星河༣
12-30 9100
个人网站分为三个部分，登录界面，主界面，以及分界面。 登陆界面主要核心js代码: <script> function checkLogon(){ var name = document.getElementById("username").value; var pass = document.getElementById("password").value; //判断非空 if((name==null ||
HTML + CSS 学习指南：从入门到精通
最新发布
qq_22232065的博客
08-01 856
HTML 和 CSS 在网页开发中扮演着至关重要的角色。HTML 如同网页的骨架，为网页提供了基本的结构和内容。它使用各种标签来定义页面的元素，如标题、段落、图片、链接等，确保信息得以有条理地组织和呈现。CSS 则恰似网页的华服，负责赋予网页美观的外观和舒适的布局。通过控制字体、颜色、背景、间距等样式属性，CSS 让网页变得更加吸引人，提升用户的阅读和交互体验。二者之间的关系紧密且相辅相成。HTML 为 CSS 提供了可操作的基础元素，而 CSS 则依据 HTML 的结构来施展其美化和布局的魔法。
html+css+js漂亮的个人主页
06-09
一个漂亮的个人主页，支持音乐跨界面播放，支持网页背景主题五种样式切换
实验一 基于CSS+HTML+JS开发简单个人网站
qq_51601455的博客
08-30 1万+
j2ee实验一 基于CSS+HTML+JS开发简单个人网站
HTML+CSS 实现个人主页
04-16
利用前端写的简单的个人主页，包含HTML的基本运用，也利用了CSS进行美化，通俗易懂的程序，比较适合初学者看，欢迎初学者交流学习
基于Html+css+js实现的静态购物网站
06-30
2.添加并设计网站导航栏(导航栏目内容和样式自定)，链接为空链接； 3.添加并设计商品轮播图，图片、位置、大小等自定义; 4.设计商品分类展示效果(样式自定义)，每件商品必须有：商品名称、图片、价格内容；商品数目...
基于html+css+js实现简易计算器代码实例
10-15
【基于HTML+CSS+JS实现简易计算器代码实例详解】 在Web开发中，创建一个简易计算器是一种常见的实践，有助于初学者理解和掌握HTML、CSS以及JavaScript的基本用法。本篇将详细介绍如何利用这三种技术来实现一个功能...
制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现面.md
08-10
通过以上知识点的学习和实践，学生可以掌握如何使用HTML5、CSS3和JavaScript构建一个具有基础交互功能的旅游网站。这些技能不仅适用于完成学业项目，也为未来从事前端开发工作打下了坚实的基础。
html+css+js实现的js简易飞机大战
09-23
总结起来，"js简易飞机大战"项目涵盖了HTML网页结构、CSS样式设计、JavaScript程序逻辑、Canvas绘图、面向对象编程、游戏循环、对象实例化、数据结构和算法以及事件处理等多个IT知识点，是学习Web游戏开发的一个典型...
简单的个人网页，HTML+CSS
03-18
动态滑动，使用时将图片、.css以及.html文件均放置在Web文件夹下。 背景图片和头像的萌妹图可以自己选择。 当然我的背景图是美美的紫金港。
Html+CSS +Javascript实现的一个很炫个人主页网页
08-08
Html+CSS +Javascript实现的人主页网页，纯属个人原创。支持Firefox、IE等各种浏览器。值得作业提交，其他的也可作为参考！
div+css制作的个人网站
03-09
全都是用div+css来完成的 包括布局
一个简单的个人网站
04-23
就是用html5开发一个简单的个人网站，主要包含八个网页，
JS+css个人网站设计
11-15
一个静态的个人网站页面设计，有播放器，动态相册，留言板，日志等，部分应用JS设计，可以给初学者一个很好的参考，HTML+CSS+JS比较容易看懂，欢迎下载
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
个人主页设计(HTML+CSS+JS)
Chien d'amis的博客
07-08 5万+
个人主页设计(HTML+CSS+JS) github链接：点此跳转 样例跳转：样例四<–这里跳转（ps.请勿使用谷歌游览器，里面有flash插件，谷歌无法播放） 代码见github。
HTML+CSS+JS网页设计与制作摄影类个人网页
mon_star°的博客
11-26 354
1、网站程序：主要使用网页三剑客html+css+javaScript实现网页设计与制作，完成网站的功能设计。制作适用于任何浏览器或设备的精美网站。2、网站布局：主要采用浮动布局。兼容各大主流浏览器、显示效果稳定。3、网站文件：网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件等。4、网站素材：搜集或制作适合网页风格和尺寸的图片，追求优质视觉体验。
评论 176
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值