Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <script type="text/javascript" language="javascript">
      function tableCreate() {
        var body = document.body,
          tbl = document.createElement('table')
        tbl.style.width = '100px'
        tbl.style.border = '0px'

        var json = [
          [{ src: './1.jpeg' }, { src: './2.jpeg' }],
          [{ src: './3.jpeg' }, { src: './4.jpeg' }],
          [{ src: './5.jpeg' }]
        ]

        for (var i = 0; i < 3; i++) {
          var tr = tbl.insertRow()
          for (var j = 0; j < 2; j++) {
            if (i == 2 && j == 1) {
              break
            } else {
              var td = tr.insertCell()
              var img = document.createElement('img')
              img.src = json[i][j].src
              img.setAttribute('width', '100px')
              img.setAttribute('height', 'auto')
              td.appendChild(img)
              td.style.border = '0px'
              if (i == 1 && j == 1) {
                td.setAttribute('rowSpan', '2')
              }
            }
          }
        }
        body.appendChild(tbl)
      }
      tableCreate()
    </script>
  </body>
</html>