Pictures of rows and columns of the display (matrix display)

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<HTML> 
<head> 
    <Meta charset = "UTF-. 8"> 
</ head> 
<-! Note inside width value style body otherwise too large two displayed on a line, must be equal or differ appropriate, seize degree -> 
<body style = "width: 1200px; height: 1000px; background-Color: Green"> 
! <- body div -> 
    <div> 
        ! <- unordered list: first row -> 
        <UL> 
            <Li> 
                <- - The first column!> 
                <div style = "width: 500px; height: 333px; a float: left"> 

                    <a href="./index.html"> 
                        <IMG the src = "C: / Users / MrLi / Desktop / watermark .jpg" style = "width: 500px; height: 333px"> 
                    </a>
                </ div> 
                <-! The second column ->
                <div style="width: 500px;height:333px;float:left" >

                    <a href="./index.html">
                        <img src="C:/Users/MrLi/Desktop/配图.jpg">
                    </a>
                </div>

            </li>
            <!--无序列表：第二行-->
            <li>
                <div style="width: 500px;height:333px;float:left" >

                    <a href="./index.html">
                        <img src="C:/Users/MrLi/Desktop/配图.jpg">
                    </a>
                </div>
                <div style="width: 500px;height:333px;float:left" >

                    <a href="./index.html">
                        <img src="C:/Users/MrLi/Desktop/水印.jpg" style="width: 500px;height: 333px">
                    </a>
                </div>
            </li>

        </ul>

        </div>

    </div>
</body>
</html>

Pictures of rows and columns of the display (matrix display)

Guess you like