随便打的几行代码(六一的搞笑)

最新推荐文章于 2024-08-25 21:41:11 发布
最新推荐文章于 2024-08-25 21:41:11 发布
阅读量72 收藏
点赞数
文章标签： css html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j123456va/article/details/131035330
版权 
<html>
<head>
    <title>动画童话王国</title>
    <style>
        h1 {
            text-align: center;
            color: blue;
        }
        p {
            text-align: center;
            font-size: 20px;
        }
        a {
            text-decoration: none;
            color: green;
        }
        video {
            width: 300px;
            height: 200px;
            margin: 10px;
        }
        audio {
            width: 300px;
            margin: 10px;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    </style>
</head>
<body>
    <h1>欢迎来到动画童话王国</h1>
    <p>这里有许多精彩的动画童话故事，快来一起观看吧！</p>
    <div class="container">
        <a href="https://www.youtube.com/watch?v=JZSKvNZPaZ8" target="_blank">
            <video src="https://www.youtube.com/watch?v=JZSKvNZPaZ8" controls poster="https://i.ytimg.com/vi/JZSKvNZPaZ8/maxresdefault.jpg" alt="白雪公主">
            </video>
            <p>《白雪公主》</p>
        </a>
        <a href="https://www.youtube.com/watch?v=2y0QvCpoPgI" target="_blank">
            <video src="https://www.youtube.com/watch?v=2y0QvCpoPgI" controls poster="https://i.ytimg.com/vi/2y0QvCpoPgI/maxresdefault.jpg" alt="灰姑娘">
            </video>
            <p>《灰姑娘》</p>
        </a>
        <a href="https://www.youtube.com/watch?v=0WxDrVUrSvI" target="_blank">
            <video src="https://www.youtube.com/watch?v=0WxDrVUrSvI" controls poster="https://i.ytimg.com/vi/0WxDrVUrSvI/maxresdefault.jpg" alt="小红帽">
            </video>
            <p>《小红帽》</p>
        </a>
    </div>
    <p>这里还有一些动画童话故事的音乐，快来一起欣赏吧！</p>
    <div class="container">
        <a href="https://www.youtube.com/watch?v=9xH0xorgUoI" target="_blank">
            <audio src="https://www.youtube.com/watch?v=9xH0xorgUoI" controls alt="白雪公主之歌">
                您的浏览器不支持音频元素。
            </audio>
            <p>《白雪公主之歌》</p>
        </a>
        <a href="https://www.youtube.com/watch?v=V1tXhJniSEc" target="_blank">
            <audio src="https://www.youtube.com/watch?v=V1tXhJniSEc" controls alt="灰姑娘之歌">
                您的浏览器不支持音频元素。
            </audio>
            <p>《灰姑娘之歌》</p>
        </a>
        <a href="https://www.youtube.com/watch?v=7jiaU0xbOKs" target="_blank">
            <audio src="https://www.youtube.com/watch?v=7jiaU0xbOKs" controls alt="小红帽之歌">
                您的浏览器不支持音频元素。
            </audio>
            <p>《小红帽之歌》</p>
        </a>
    </div>
</body>
</html>

<html>
<head>
    <title>童话王国</title>
    <style>
        h1 {
            text-align: center;
            color: blue;
        }
        p {
            text-align: center;
            font-size: 20px;
        }
        a {
            text-decoration: none;
            color: green;
        }
        img {
            width: 200px;
            height: 200px;
            margin: 10px;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    </style>
</head>
<body>
    <h1>欢迎来到童话王国</h1>
    <p>这里有许多精彩的童话故事，快来一起阅读吧！</p>
    <div class="container">
        <a href="https://www.gutenberg.org/files/2591/2591-h/2591-h.htm" target="_blank">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Snow_White_and_the_Seven_Dwarfs.jpg/800px-Snow_White_and_the_Seven_Dwarfs.jpg" alt="白雪公主">
            <p>《白雪公主》</p>
        </a>
        <a href="https://www.gutenberg.org/files/28313/28313-h/28313-h.htm" target="_blank">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Cinderella%2C_by_Gustave_Dor%C3%A9.jpg/800px-Cinderella%2C_by_Gustave_Dor%C3%A9.jpg" alt="灰姑娘">
            <p>《灰姑娘》</p>
        </a>
        <a href="https://www.gutenberg.org/files/25942/25942-h/25942-h.htm" target="_blank">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Little_Red_Riding_Hood_-_Project_Gutenberg_etext_19993.jpg/800px-Little_Red_Riding_Hood_-_Project_Gutenberg_etext_19993.jpg" alt="小红帽">
            <p>《小红帽》</p>
        </a>
    </div>
</body>
</html>

一个很正经的人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
带感小说：程序员坐牢会被安排写代码吗？
cxyITgc的博客
05-09 3367
带感小说：程序员坐牢会被安排写代码吗？
vscode远程debug mysql
lwqisme的博客
12-30 907
使用vscode远程debug mysql，方便理解mysql源码。
程序员坐牢了，会被安排去写代码吗？
Java技术江湖
06-21 6802
点击蓝色“程序员黄小斜”关注我哟 加个“星标”，每天和你一起多进步一点点！ 今天给大家分享一篇有意思的爽文，但也是根据多年之前一个真实报道改编而来的。 本文字数较多，建议先收藏，上下班路上、带薪上厕所、浑水摸鱼时再慢慢看~ 来源： https://www.zhihu.com/question/483752248/answer/2127520344 本故事纯属虚构 请大家不要随意模仿，后果自负！ 因为删库跑路，我坐牢了。 公司老板经营不善，拖欠工资半年，我终于忍无可忍，提出离职。 而老板居然说：爱.
Git详解之五：分布式Git
AlienTech for better life!~
09-10 1103
原文：《Pro Git》 为了便于项目中的所有开发者分享代码，我们准备好了一台服务器存放远程 Git 仓库。经过前面几章的学习，我们已经学会了一些基本的本地工作流程中所需用到的命令。接下来，我们要学习下如何利用 Git 来组织和完成分布式工作流程。（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读） 特别是，当作为项目贡献者时，我们该怎么做才能方便维护者采纳更新
程序员坐牢了，会被安排写代码吗？
Java之间
06-15 472
往期热门文章： 1、40 个 SpringBoot 常用注解：让生产力爆表！ 2、3种常见的数据脱敏方案 3、BigDecimal使用不当，造成P0事故！ 4、改造BeanUtils，优雅实现List数据拷贝 5、SpringBoot 启动时自动执行代码的几种方式，还有谁不会？？来源：www.zhihu.com/question/483752248/answer/212...
请求网页时，怎么给我返回了一段 JavaScript 代码
sergiojune
03-19 3652
今天给大家带来的是一个论坛网站，牛仔俱乐部-努比亚社区， 网址为：https://bbs.nubia.cn/ 如果你想要获取这个网站的源代码的话，必须要先获取一个 cookie，其字段名为：acw_sc__v2，你是不是不相信？爬取网站还需要获取 cookie 值才可以？说实话，我刚开始爬的时候我也不相信，直到我运行请求代码，一看，给我返回这个： 这是什么啊，一段 JavaScript 代码，...
坐牢后，我被安排去写代码...
<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd
11-04 1310
????????关注后回复“进群”，拉你进程序员交流群????????来自：知乎，作者：无念链接：https://www.zhihu.com/question/483752248/answer/2127520344今天给大家分享一篇有意思的爽文，根据多年之前一个真实报道改编而来的。本文字数较多，建议先收藏，上下班路上、带薪上厕所、浑水摸鱼时再慢慢看~本故事纯属虚构请大家不要随意模仿，后果自负！因为删库跑路，我坐牢了。...
git(5)分布式 Git
water Wang
04-08 409
5 分布式 Git 为了便于项目中的所有开发者分享代码，我们准备好了一台服务器存放远程 Git 仓库。经过前面几章的学习，我们已经学会了一些基本的本地工作流程中所需用到的命令。接下来，我们要学习下如何利用 Git 来组织和完成分布式工作流程。 特别是，当作为项目贡献者时，我们该怎么做才能方便维护者采纳更新；或者作为项目维护者时，又该怎样有效管理大量贡献者的提交。 5.1 分布式工作流程 同传统的集中式版本控制系统（CVCS）不同，开发者之间的协作方式因着 Git 的分布式特性而变得更为灵活多样。在集中式..
Git详解之五 分布式Git
张拭心的博客 shixinzhang
11-25 1366
Git详解之五 分布式Git 分布式 Git 为了便于项目中的所有开发者分享代码，我们准备好了一台服务器存放远程 Git 仓库。经过前面几章的学习，我们已经学会了一些基本的本地工作流程中所需用到的命令。接下来，我们要学习下如何利用 Git 来组织和完成分布式工作流程。 特别是，当作为项目贡献者时，我们该怎么做才能方便维护者采纳更新；或者作为项目维护者时，又该怎样有效管理大量贡献者的提交。
从技术和历史的视角，理解Too many technical terms in FE & BE
m0_72611791的博客
09-25 168
作者：Gladys 链接：首页-CSDN博客 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。一、由前端说起呢，作为入门必知，就先来看几组中规中矩的名词解释： 1、HTML - 超文本标记语言（英文：HyperText Markup Language，HTML）是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种标记语言。 2、HTML5 - HTML下一个主要的修订版本，现在仍处于发展阶段。 3、XHTML - 可扩展超文本标记语言（eXtensible HyperText
Android注册时总是出现"验证码不正确"问题的解决
cjm2484836553的博客
08-17 5618
不诗意的女程序猿不是好厨师~ 【转载请注明出处：From 李诗雨—】  注册时总是出现“验证码不正确”，本来以为这个问题没什么意义，但是今天在群里看到一个同学也遇到了这个问题，并且折腾好久，于是便立马打开电脑，觉得还是应该把这个问题记录一下。 【问题描述】：   后台给了两个接口：获取短信验证码后----------->进行注册（注册需要用户名，密码和手机验证码）   这本
通过jenkins交付微服务到kubernetes
m0_53758775的博客
11-05 3538
随着Kubernetes的遍地开花，Kubernetes的优势可以说是深入人心，很多企业也是利用Kubernetes，来实现更高效的交付和更好地提高我们的资源使用率，推动标准化，适应云原生。 随着Kubernetes和云原生加速企业产品落地，现在总结以下几点 1）更快的应用开发与交付 2）天然适合微服务，是微服务和Devops的桥梁 3）可移植性，支持公有云，私有云，裸机，虚拟机 4）标准化的应用开发与发布：声明式API和Operator 5）自动化运维：弹性伸缩（HPA），故障自愈，负载均衡，配置管
小兔鲜首页制作css
qq_65046523的博客
08-21 433
项目名-客户端xtx-pc1.images：存放固定使用的图片，例如：logo、样式修饰图2.uploads:存放非固定图片，例如：商品图、宣传图等需要上传的图片3.iconfont:字体图标素材4.css文件：4.1base.css：基础的公共样式4.2common.css：各个网页相同模块的重复样式，例如头部、底部4.3index.css：首页css样式5.index.html：首页html文件。
Tailwind CSS的介绍和使用
mq1314520_zhl的博客
08-21 380
Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入 到一个静态 CSS 文件中。他快速、灵活、可靠，没有运行时负担。Font Family - TailwindCSS中文文档 | TailwindCSS中文网。
CSS中flex：1是什么属性
ggq53219的博客
08-22 385
是 CSS 中的一个简写属性，用于设置 Flex 项目的灵活伸缩比例（flex-grow）、收缩比例（flex-shrink）以及基础大小（flex-basis）。主要是用来告诉 Flex 容器中的项目，如果有剩余空间，它们应该等比例地放大，如果空间不足，它们也应该等比例地缩小，而它们的初始大小（在没有额外空间或需要缩小的情况下）是。（尽管这通常不是预期的行为，特别是当你想让项目根据其内容大小开始时）。为了更精确地控制项目的大小和伸缩行为，你可能会想使用更明确的。
高亮你的文字：CSS ::selection 伪元素的魔法
最新发布
2401_85342379的博客
08-25 281
伪元素用于设置用户通过鼠标或键盘操作选中的文本的样式。这包括改变选中文本的背景色、文字颜色等。它是一个非常实用的工具，用于增强网页的视觉效果和交互性。
DOM CSS: Understanding the Intersection of HTML and Style
lly202406的博客
08-22 703
The Document Object Model (DOM) and Cascading Style Sheets (CSS) are two fundamental components of web development. DOM provides a structured representation of HTML documents, allowing scripts to dynamically interact with the content, structure, and style
刘备、关羽、张飞依次和吕布对打的代码
03-27
这里是一个简单的示例，展示了三个人依次和吕布对打的代码： ```python class Person: def __init__(self, name, strength): self.name = name self.strength = strength def attack(self, enemy): print(f"{self.name}攻击{enemy.name}！") if self.strength > enemy.strength: print(f"{self.name}胜利！") else: print(f"{enemy.name}胜利！") liubei = Person("刘备", 80) guanyu = Person("关羽", 90) zhangfei = Person("张飞", 85) lvbu = Person("吕布", 95) liubei.attack(lvbu) guanyu.attack(lvbu) zhangfei.attack(lvbu) ``` 输出结果： ``` 刘备攻击吕布！ 吕布胜利！ 关羽攻击吕布！ 吕布胜利！ 张飞攻击吕布！ 吕布胜利！ ``` 需要注意的是，这里的对打是按照固定的顺序进行的，即刘备攻击完吕布后，关羽才能攻击吕布，张飞最后才能攻击吕布。如果需要随机选择攻击者，可以使用`random`模块来实现。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个很正经的人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值