index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>

    <style>
    body {
      background-color: #9999ff;
    }

    </style>


    </style>

    <style media="screen">
       ol{
    color:red;
       }
    </style>


    <style type="text/css">
          h1{
            text-align: center;
            margin: auto;
            font-size: 48px;
            width: 400px;

          }

          .img {
            margin-top: 40px;
              text-align: center;

                    }

          .img img {
            margin: auto;
            width: 300px;
            height: 300px;
            background: #333;
            border-radius: 50%;
          }

          .text {
            background: #fff;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            width: 300px;
            margin: auto;
            text-align: center;
            margin-top: 50px;
          }
          </style>


  </head>
  <body>
    <h1 style="color:blue;">สวัสดี ชาวโลก!</h1>

    <div class="img">
        <img src="1.png"  alt="" width="400" height="400">
    </div>

<div class="text">

<h2 style="background-color:DodgerBlue;">  เราใช้ </h2>


    <ol>
      <li>node เวอร์ชั่น <script>document.write(process.versions.node)</script></li>
    <li>Chrome เวอร์ชัน <script>document.write(process.versions.chrome)</script></li>
    <li>และ Electron เวอร์ชัน <script>document.write(process.versions.electron)</script></li>
    </ol>
  </body>
</html>