index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>สวัสดี ชาวโลก!</title>

    <style>
    body {

     background-image: url('2.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

    }

    </style>


    </style>

    <style media="screen">
       ol{
    color:	#00FFFF;
       }
    </style>


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

          }

          h2{
            text-align: center;
            margin: auto;
            font-size: 40px;
            width: 300px;

          }


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

                    }

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

          .text {
            margin: auto;
            text-align: center;
            margin-top: 50px;
          }
          </style>


  </head>
  <body>
    <h1 style="color:blue;">Profile CONNAN</h1>

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

<div class="text">

<h2 style="color:#00FF00"; >  เราใช้  </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>