腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
边城码农
专栏成员
举报
33
文章
27148
阅读量
13
订阅数
订阅专栏
申请加入专栏
全部文章(33)
html(20)
游戏(6)
javascript(5)
容器(4)
css(3)
php(2)
网站(2)
css3(2)
position(2)
ICP备案(1)
linux(1)
命令行工具(1)
数据安全(1)
编程算法(1)
自动化(1)
网络安全(1)
html5(1)
tcp/ip(1)
socket编程(1)
安全漏洞(1)
网站建设(1)
canvas(1)
腾讯云开发者社区(1)
安全运营平台(1)
ipv6(1)
实时互动-工业能源版(1)
远程调试(1)
absolute(1)
animation(1)
button(1)
document(1)
getelementbyid(1)
header(1)
input(1)
onclick(1)
opacity(1)
script(1)
transform(1)
var(1)
width(1)
动画(1)
对象(1)
函数(1)
互联网(1)
框架(1)
事件(1)
小游戏(1)
域名(1)
搜索文章
搜索
搜索
关闭
在外面连接家里的电脑教程
实时互动-工业能源版
大家都应该知道,如果在外面连接家里的电脑需要公网。但是目前国内不提供公网ip,我们需要下载一个工具
腾龙
2023-04-01
1.3K
0
我的一次网站备案过程
ICP备案
由于是第一次在腾讯云备案,我们需要准备一个域名,还有这个域名必须是在国内注册商实名的。
腾龙
2023-03-31
1.2K
0
自动画画html
html
自动化
canvas
script
框架
要实现自动画画,您需要使用一个图形库或框架,如 Canvas、SVG、JavaFX 等。这些库可以帮助您创建和绘制图形,并提供一些自动化功能,如自动绘制线条、自动绘制形状等。 以下是一个使用 Canvas 库实现自动画画的示例代码: html <!DOCTYPE html> <html> <head> <title>自动画画</title> </head> <body> <canvas id="myCanvas" width="400" height="400"></canvas> <script src="canvas-min.js"></script> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); // 绘制线条 ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(200, 200); ctx.stroke(); // 绘制矩形 ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(200, 200); ctx.stroke(); // 绘制圆形 ctx.beginPath(); ctx.arc(100, 100, 200, 200, 0, Math.PI * 2); ctx.stroke(); // 绘制三角形 ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(200, 200); ctx.lineTo(200, 200); ctx.stroke(); // 绘制多边形 ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(200, 200); ctx.lineTo(200, 200); ctx.lineTo(200, 200); ctx.stroke(); // 绘制文本 ctx.font = "bold
腾龙
2023-03-22
1.2K
0
小鱼游戏html
html
游戏
html5
小鱼游戏是一个基于HTML5的在线游戏,玩家可以通过鼠标和键盘控制小鱼在网格中游动,躲避障碍物并尽可能地吃到更多的食物。以下是一个简单的HTML代码示例,用于创建一个基本的小鱼游戏: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fish Game</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; height: 200px; background-color: #333; margin: 100px auto; border: 1px solid black; padding: 20px; overflow: hidden; } .fish { position: absolute; top: 50%; transform: translateY(-50%); left: -100%; opacity: 0; transition: opacity 1s ease-in-out; } .food { position: absolute; bottom: 50px; right: 10px; opac
腾龙
2023-03-22
623
0
夜空中最亮的星html
html
以下是一个使用HTML和CSS实现夜空中最亮的星的示例代码: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title> <style> body { font-family: Arial; } .star { position: relative; z-index: 2; left: 50%; transform: translateX(-20vw); opacity: 0; transition: opacity 1s ease-in-out; } .star:hover { opacity: 1; } .dot { position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; border-radius: 25px; background-color: black; animation: blink 2s linear infinite alternates; } @keyframes blink { from {} to {bottom = -100% * (Math.sin(
腾龙
2023-03-22
189
0
找茬游戏html
html
游戏
以下是一个简单的找茬小游戏的HTML代码示例: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>找茬游戏</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: white; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .game-board { width: 300px; padding: 16px; background-color: black; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .score { width: 100px; padding: 8px; background-color: gr
腾龙
2023-03-22
474
0
猜数字html
html
游戏
document
getelementbyid
var
数字游戏: html <!DOCTYPE html> <html> <head> <title>猜数字游戏</title> <style> body { font-family: Arial, sans-serif; } .guess { font-size: 36px; color: red; padding: 16px; background-color: white; border: 1px solid black; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .guess:hover { opacity: 0.8; } .correct { font-weight: bold; } .incorrect { font-weight: bold; color: red; } </style> </head> <body> <h1>猜数字游戏</h1> <label for="guess">请猜一个数字:</label> <input type="text" id="guess" name="guess" placeholder="输入一个数字" required> <button onclick="guess()">猜一下</button> <p id="correct"></p> <p id="incorrect"></p> <script> var guess = document.getElementById("guess"); var correct = document.getElementById("correct"); var incorrect = document.getElementById("incorrect"); guess.addEventListener("input", function() { correct.innerHTML = "你猜对了!"; incorrect.innerHTML = "再试一次!"; }); guess.
腾龙
2023-03-22
1.7K
0
菊花html
html
菊花是一种非常美丽的花卉,通常用于绘画和插花。以下是一个简单的菊花HTML代码示例: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>菊花</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; height: 200px; background-color: #333; margin: 100px auto; border: 1px solid black; border-radius: 4px; } .flower { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 150px; height: 150px; border: 2px solid #000; border-radius: 50%; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); } .star { position: absolute; bottom: 40px;
腾龙
2023-03-22
133
0
魔头人html
javascript
css
html
容器
在上面的代码中,我们使用CSS样式定位和大小化了一个包含“怪物”字样和一个微笑表情的 DIV(容器)元素。我们还使用JavaScript添加了一个闪烁的红色眼睛效果。您可以根据需要修改该页面以适应您的品牌形象或内容。
腾龙
2023-03-22
240
0
项链html
javascript
css
html
position
width
这个项链包含一个 div 元素,其中包含一个 div 元素用于放置项链的图片。在 CSS 中,我们使用了一些 position 和 width 属性来定位和调整图片的位置。您可以根据需要调整图片的大小和位置。
腾龙
2023-03-22
214
0
荷花开花html
javascript
html
容器
css3
transform
在上面的代码中,我们使用了 HTML5 中的 CSS3 和 JavaScript 来实现荷花开花的效果。首先,我们在 HTML 中创建了一个容器 div,并在其中添加了两张荷花图片。然后,我们使用 CSS3 中的 transform、opacity 和过渡属性来实现荷花的动态效果。具体来说,我们使用了 transform: translateY() 和 transition: all ease-in-out seconds() 来实现荷花的向上移动效果
腾龙
2023-03-22
191
0
玫瑰花html
html
容器
animation
css3
动画
<meta name="viewport" content="width=device-width, initial-scale=1.0">
腾龙
2023-03-22
1.7K
0
贪吃的蛇html
html
游戏
<meta name="viewport" content="width=device-width, initial-scale=1.0">
腾龙
2023-03-22
350
0
火柴人小游戏HTML
html
absolute
opacity
position
小游戏
<meta name="viewport" content="width=device-width, initial-scale=1.0">
腾龙
2023-03-22
900
0
双人打地鼠html
html
游戏
对象
函数
事件
双人打地鼠是一个经典的双人游戏,可以通过HTML和JavaScript实现。以下是一个简单的实现示例:
腾龙
2023-03-22
731
0
小公主练练看html
html
以下是一个简单的小公主练练看HTML代码示例: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小公主练练看</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: white; margin: 100px auto; border: 1px solid black; border-radius: 4px; } .princess { position: relative; width: 150px; height: 150px; border-radius: 50%; background-color: red; z-index: 999; } .arrow { position: absolute; top: 50px; right: 200px; width: 80px; height: 80px; border-radius: 50%; background-color: #4CAF50%
腾龙
2023-03-22
150
0
个人简介html
html
个人简介的 HTML 代码如下: php <div class="person-info"> <span>Name:</span> John Smith <span>Age:</span> 35 years old <span>Gender:</span> Male <span>City:</span> Anytown, USA <span>Nationality:</span> American <span>Phone Number:</span> 123 456 7890 <span>Email Address:</span> johnsmith@example.com </div> 这段代码会创建一个包含一些文本的 div,用于显示一个人的基本信息。在这个例子中,我们包含了一个名字、年龄、性别、城市和国籍的列表,以及电话号码和电子邮件地址的链接。你可以根据需要添加更多的属性和内容来完善这个个人简介。
腾龙
2023-03-22
1.1K
0
表白html
css
html
容器
header
以下是一个简单的HTML表白示例: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表白</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="love-box"> <div class="love-box-header"> <h2>亲爱的</h2> </div> <div class="love-box-body"> <p>我想对你说:</p> <p>我喜欢你,不是一时冲动,而是深思熟虑。</p> <p>你的笑容温暖了我的心,你的声音温暖了我的耳朵。</p> <p>我想和你一起分享生活中的点点滴滴,一起经历人生中的风风雨雨。</p> <p>如果你也喜欢我,请告诉我,我们一起创造美好的回忆。</p> </div> </div> </body> </html> 这个示例创建了一个简单的HTML页面,其中包含一个名为“love-box”的容器,用于显示表白的内容。在“love-box-header”和“love-box-body”中,使用了HTML的段落和p标签来创建表白的内容。最后,在“love-box”容器中,使用了CSS样式来设置容器的样式和外观。 请注意,这只是一个简单的HTML表白示例,您可以根据自己的需求和喜好进行修改和扩展。
腾龙
2023-03-22
1.1K
0
愚人节html
html
以下是一个简单的HTML代码,用于创建愚人节祝福语: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>愚人节快乐</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: #f2f2f2; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); } h1 { font-size: 36px; line-height: 48px; color: white; text-align: center; letter-spacing: normal; }
腾龙
2023-03-22
293
0
清明节祭祖html
html
清明节是中国传统文化中重要的节日之一,通常在公历4月5日或6日举行。在这个节日里,人们会前往祖坟祭祖,表达对先辈的敬意和缅怀。 下面是一份简单的HTML代码,用于在网页上显示清明节祭祖的页面: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>清明节祭祖</title> <style type="text/css"> body { font-family: Arial; } .container { padding: 20px; background-color: white; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0px 10px 5px rgba(0,0,0,0.2); } table { width: 100%; border-collapse: collapse; height: 200px; overflow-y: scroll; } th { padding: 8px 12px; text-align: left; vertical-alignment: top; border-bottom: 2px solid gray; cursor:pointer;
腾龙
2023-03-22
475
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档