用html来表白

最新推荐文章于 2022-12-20 18:37:57 发布
最新推荐文章于 2022-12-20 18:37:57 发布
阅读量4.8k 收藏 56
点赞数 15
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44884082/article/details/102638801
版权

看到表白大家心动了吗！！！
超赞的华丽表白
我们看下效果图
在这里插入图片描述
第二张的效果图
在这里插入图片描述
下面就是关心的 关心的 关心的 重要的事情要说三遍！！！
由于代码比较多我会把整个项目已百度云的方式放在下方
下载的链接：

https://pan.baidu.com/s/1U4om_8tMP73UqJ_VvA41MA&shfl=sharepset

接下来是更改的方式
右键用文本方式打开index.html
在这里插入图片描述
切记一定要改名字！！
如果你还想活的话就一定要改（手动滑稽）
改完句子下面就是时间了接着往下找找到
在这里插入图片描述
就是这样改时间的哦！！
好了这次的分享到这里结束了哦
发给你心爱的ta吧加油！！

小小程序猿~
关注
HTML——表白（效果+代码）
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
03-03 2万+
目录效果代码说明 效果 代码 demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed
用HTML代码表白
热门推荐
北聖
10-15 3万+
学会用代码表白 前段时间呢，突然想做个代码给自己心爱的女朋友做个界面展示下自己的爱意。因此，写了此代码。 此代码参考了GitHub里某位大佬的；经过自己的简单的修改，发表出来供大家参考参考！ <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Our Love Story-Download</title
html 动态表白
06-25
html制作表白网页图片音乐可以自己更改，退出生成特效很好哦
表白html源码
01-16
html5表白模板，html5表白模板，html5表白模板，html5表白模板，html5表白模板，html5表白模板
表白HTML源代码
08-02
表白用的HTML源代码，内容可自行修改。
情人节程序员用HTML网页表白【烟花代码】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
- **HTML5期末考核大作业**: 指的是使用HTML5技术完成的期末考核项目。 - **个人、美食、公司、学校等主题**: 说明该系列网页设计涵盖了多个不同领域的主题。 - **使用CSS排版**: 强调了网页设计中CSS的作用，包括...
情人节程序员用HTML网页表白【告白展示墙】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
- 特别地，可以看到对`:link`、`:visited`、`:active`和`:hover`伪类的使用来改变链接的不同状态。 ### 知识点三：JavaScript增强功能 #### 3.1 JavaScript基础 - 使用了基本的JavaScript语法，如变量声明、函数...
情人节程序员用HTML网页表白【告白模板】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
通过上述知识点的梳理，我们可以了解到如何运用HTML5、CSS3以及JavaScript来创建一个既美观又具有交互性的情人节表白网页。同时，还介绍了常见的HTML编辑软件及其特点，以及这种类型网页在不同场景下的应用可能性。...
情人节程序员用HTML网页表白【爱心_文字音乐告白】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
- 使用`<div>`元素和CSS属性（如`position`、`width`、`height`等）来实现页面布局。 - **DIV+CSS布局**: 运用`div`元素搭配CSS实现灵活的网页布局。 - 示例： - `<div id="loveHeart">`: 定义表白信息区块。 - `...
html表白用的免费源代码，html5自定义文字生成表白页面
12-07
在本资源中，"html表白用的免费源代码" 提供了一种利用HTML来创建浪漫表白页面的方法。通过编写特定的HTML代码，我们可以定制出一个充满个性化的表白页面，展示对心爱之人的深情厚意。 HTML5是HTML的最新版本，它...
表白撩妹撩汉的html，很简单的网页
10-03
一个简单撩妹的html,用于分享和提供其他人的下载，网页有稍微改动
用HTML5做的表白网页
07-04
下载后解压打开‘点这里.html’就可以浏览了，也可以进行修改
程序员表白html
02-06
程序员表白html，真的很好哦，想要泡妹子的，那你就快来下载吧！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
HTML编写的撩妹小程序系列 ~ 表白主题
07-03
该程序是简单的HTML语言编写的撩妹小程序！希望大家喜欢！
HTML扩展之程序员表白程序
05-31
不要说程序员不懂得浪漫，只是程序员浪漫起来一般人招架不住。 该资源包括四个表白小程序，基于HTML+CSS的，可以下下来学学玩玩。
Html —— 表白弹幕 特效（效果+代码）
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
02-07 8711
目录效果代码说明 效果 鉴于图片大小，所以分开来显示的部分效果。字体颜色等都可以继续更改。 代码 表白.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>弹幕表白墙特效</title> <link rel="stylesheet" href="css/demo.css"/> </head&
用HTML去表白
mu_li的博客
05-24 4346
你有想要表白的人吗?作为一个程序猿,就要用我们独特的方式表白,不妨用我们的双手制作一个心,对心爱的人表达我们的感情,如果你知识不过关,那恭喜你,在这成千上万个博客中找到了我,小编今天就告诉你一种简单方法,用HTML去向你钟意的人表白吧!!! <!DOCTYPE html> <html> <head> <meta charset="utf-8" /&g...
用HTML写一段表白代码
weixin_35755562的博客
12-20 789
你好！ 如果你想用 HTML 写一段表白代码，可以这样写： <div> <p>亲爱的，</p> <p>我一直都在你身边，看着你成长，看着你变得越来越美。我想对你说，我喜欢你。</p> <p>我知道，我不是你最理想的对象，但是我会努力变得更好，成为你能够依靠的人。</p> <p>希望你能给...
HTML+CSS+JS 520告白表白
最新发布
09-09
HTML、CSS和JavaScript常常结合在一起用于网页开发，特别是构建动态和交互式的用户体验。如果你想利用这三种技术创作一个520告白表白页面，你可以这样做： 1. **HTML (结构)**: 使用HTML来创建页面的基本框架，包括标题、段落、输入框等元素。例如，你可以创建一个包含文本区域让用户输入告白信息的"我爱你"标签。 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>520表白</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 id="greeting">520表白页面</h1> <form> <label for="message">写下你的告白:</label><br> <textarea id="messageInput" rows="4" cols="50"></textarea><br> <button type="button" onclick="sendLove()">发送</button> </form> <div id="displayMessage"></div> <script src="script.js"></script> </body> </html> ``` 2. **CSS (样式)**: 使用CSS来美化页面布局，设置字体颜色、背景、按钮样式等，让表白页看起来更浪漫。 ```css body { font-family: '宋体', sans-serif; } #displayMessage { color: red; margin-top: 20px; } ``` 3. **JavaScript (交互)**: JavaScript负责处理用户的输入并显示结果。当用户点击“发送”按钮，可以在`sendLove()`函数里获取文本输入，然后将其显示在页面上。 ```javascript function sendLove() { const message = document.getElementById('messageInput').value; document.getElementById('displayMessage').innerText = "亲爱的，我想对你说： " + message; } ```
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值