首页 分享 【挑战一天一个程序】生日祝福代码

【挑战一天一个程序】生日祝福代码

来源:花匠小妙招 时间:2024-12-01 08:40

【挑战一天一个程序】生日祝福代码

ClassmateJie 已于 2023-08-30 21:39:33 修改

于 2022-11-19 23:21:51 首次发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

挑战每一天发布一个程序,每天不重样,设定一个标准达成继续发布,大家多多支持,试试能持续发布多少天。
我挥舞着键盘和本子,发誓要把世界写个明明白白。

在这里插入图片描述

简介

朋友生日到了,利用所学知识给他/她一个惊喜,是作为计算机专业的你最大的乐趣。

如果你是非计算机专业的,也没关系,跟着如下步骤来你也将成为酷酷的程序员!

操作步骤:
新建文件夹,vscode打开(代码目录)
建立birthday.html文件(写代码)
完整代码如下(重点
安装插件live server(运行代码)
使用插件运行程序
哦!是我多心了吧!为何在下如此话多。

注意:预先步骤已下载vscode代码编译器
公众号「ClassmateJie」有vscode安装包以及安装步骤哦

以下为今日程序内容|微信公众号:「ClassmateJie」

新建文件夹,vscode打开(代码目录) 直接在桌面空白处右键新建文件夹(birthday)右键文件夹,选择使用vscode打开文件夹
在这里插入图片描述 建立birthday.html文件(写代码) 使用vscode打开文件夹之后点击新建文件
建立birthday.html文件
在这里插入图片描述 完整代码如下

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生日快乐!</title> <link rel="stylesheet" href="./css/style.css"> </head> <body><audio id="music" autoplay="autoplay" loop="loop" preload="auto"src="https://img.tukuppt.com/newpreview_music/00/10/94/5d819f6dd6cce8928.mp3"></audio><div id="bt" class="cs"> <img src="https://cdn.pixabay.com/photo/2021/09/21/18/15/pembroke-welsh-corgi-6644600_1280.jpg" id="logo"></div><canvas class="canvas" width="1820" height="905"></canvas><p class="text" style="color: #ed3073;"> 世界已经有你 <br/> <span id="span_dt_dt"></span> <br/> 点击头像图片即可播放音乐</p><script src='./js/myBirthday.js'></script><script src="./js/textBirthday.js"></script> </body> </html>

12345678910111213141516171819202122232425262728293031 安装插件live server(运行代码)

在这里插入图片描述

使用插件运行程序

在这里插入图片描述

今天发布一个挑战持续更新一天一个程序,最新更新都在微信公众号「ClassmateJie」 大家多多支持哦!公众号等你们

-END-

在这里插入图片描述

关注微信公众号「 ClassmateJie」 更多惊喜等待你的发掘

​ ​

相关知识

生日祝福鲜花祝福送花2011鲜花祝福语
花生日祝福的话
生日祝福的鲜花图片
生日祝福短信大全
玫瑰祝福生日的句子109句
朋友花束生日祝福寄语(通用50句)
以百合花为主题的生日祝福
朋友生日贺卡祝福寄语180句
父亲生日祝福花
生日送什么花,生日祝福鲜花

网址: 【挑战一天一个程序】生日祝福代码 https://www.huajiangbk.com/newsview793012.html

所属分类:花卉
上一篇: 老婆的生日祝福语(精选450句)
下一篇: 生日祝福语加表白语36条

推荐分享