首页前端开发HTMLhtml代码大全整人

html代码大全整人

时间2023-11-16 14:57:03发布访客分类HTML浏览109
导读:在互联网时代,我们每天都能接触到各种各样的网页,而这些网页背后的“核心代码”就是HTML。因此,我们时常能见到各种关于HTML代码的打趣和恶搞。<html> <head> <title>我是标题<...

在互联网时代,我们每天都能接触到各种各样的网页,而这些网页背后的“核心代码”就是HTML。因此,我们时常能见到各种关于HTML代码的打趣和恶搞。

html>
     head>
      title>
    我是标题/title>
      meta charset="utf-8">
      meta name="viewport" content="width=device-width, initial-scale=1">
      link rel="stylesheet" href="style.css">
     /head>
     body>
      h1>
    欢迎来到我的网页!/h1>
      p>
    这是一段示例文本。/p>
      img src="picture.jpg" alt="一张图片">
      a href="https://www.baidu.com/" target="_blank">
    这是一个链接/a>
     /body>
    /html>
    

在HTML代码大全整人中,一段典型的“恶搞代码”就是使用无限循环语句,让浏览器陷入死循环,无法正常关闭页面。

script>
 while(true){
      alert("你的电脑已被占领!");
 }
    /script>
    

而对一些善良的人来说,他们会用HTML代码来编写一些好玩的内容,例如在页面上添加一些彩虹色的字体或是弹出一些有趣的提示框。

style>
 p{
      font-size: 30px;
      color: red;
      animation: rainbow 2s infinite;
 }
 @keyframes rainbow{
  0% {
    color: red;
}
  20% {
    color: orange;
}
  40% {
    color: yellow;
}
  60% {
    color: green;
}
  80% {
    color: blue;
}
  100% {
    color: violet;
}
 }
    /style>
    script>
 function showAlert(){
      alert("这是一个有趣的提示框!");
 }
    /script>
    p>
    我是有彩虹色字体的一段文本。/p>
    button onclick="showAlert()">
    点击我!/button>
    

在编写HTML代码时,我们既可以把它当成一种有趣的乐趣,也可以把它当成一种技能或是工具,更好地实现自己的网页设计。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码大全整人
本文地址: https://pptw.com/jishu/541864.html
html代码快速编辑器 html代码大全插入图片

游客 回复需填写必要信息