html代码大全 下载

HTML5代码

!DOCTYPE html>
    html>
    head>
    meta charset="UTF-8">
    title>
    HTML5 Template/title>
    /head>
    body>
    h1>
    这是一个标题/h1>
    p>
    这是一个段落。/p>
    /body>
    /html>
    

CSS代码

style>
body {
      background-color: lightblue;
}
h1 {
      color: white;
      text-align: center;
}
p {
      font-family: verdana;
      font-size: 20px;
}
    /style>
    

JavaScript代码

script>
function myFunction() {
      var x = document.getElementById("demo");
      x.style.fontSize = "25px";
      x.style.color = "red";
}
    /script>
    

jQuery代码

script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    /script>
    script>
$(document).ready(function() {
  $("button").click(function() {
        $("p").hide();
  }
    );
}
    );
    /script>
    

Bootstrap代码

!DOCTYPE html>
    html lang="en">
    head>
      title>
    Bootstrap Example/title>
      meta charset="utf-8">
      meta name="viewport" content="width=device-width, initial-scale=1">
      link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
      script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    /script>
      script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">
    /script>
      script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js">
    /script>
    /head>
    body>
    div class="container">
      h2>
    Modal Example/h2>
       !-- Trigger the modal with a button -->
      button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">
    打开模态框/button>
       !-- Modal -->
      div class="modal fade" id="myModal" role="dialog">
        div class="modal-dialog">
              !-- Modal content-->
          div class="modal-content">
            div class="modal-header">
              button type="button" class="close" data-dismiss="modal">
    ×/button>
              h4 class="modal-title">
    Modal Header/h4>
            /div>
            div class="modal-body">
              p>
    Some text in the modal./p>
            /div>
            div class="modal-footer">
              button type="button" class="btn btn-default" data-dismiss="modal">
    关闭/button>
            /div>
          /div>
              /div>
      /div>
      /div>
    /body>
    /html>
    

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