该实例向 HTML 添加的新的元素，并为该元素定义样式，元素名为 <myHero> - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>为 HTML 添加新元素</title>
  <script>
    document.createElement("myHero")
  </script>
  <style>
    myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
    }
  </style>
</head>

<body>

  <h1>我的第一个标题</h1>

  <p>我的第一个段落。</p>

  <myHero>我的第一个新元素</myHero>

</body>
</html>
        