HTML圖文列表

代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圖文列表</title>
</head>
<body>
<div>
    <!-- 導(dǎo)航 -->
    <nav>
        <a href="">首頁</a>&nbsp;&nbsp;
        <a href="http://www.kxmy.com/">旅游勝地</a>&nbsp;&nbsp;
        <a href="https://travel.qunar.com/?from=header">游玩攻略</a>&nbsp;&nbsp;
        <a href="">聯(lián)系景點</a>&nbsp;&nbsp;
    </nav>
    <table>
        <tr>
            <td width="400" align="center"><img src="static/images/chbs.jpeg" alt=""></td>
            <td width="400" align="center"><img src="static/images/mls.jpeg" alt=""></td>
            <td width="400" align="center"><img src="static/images/ttz.jpeg" alt=""></td>
        </tr>
        <tr>
            <td width="400" text-align="center" align="center">
                <a href="https://baike.baidu.com/item/%E9%95%BF%E7%99%BD%E5%B1%B1%E6%99%AF%E5%8C%BA/12001811?fr=aladdin">長白山風(fēng)景區(qū)</a>
            </td>
            <td  width="400" text-align="center" align="center">
                <a href="https://baike.baidu.com/item/%E6%9C%A8%E5%85%B0%E5%B1%B1%E9%A3%8E%E6%99%AF%E5%8C%BA/1322678?fr=aladdin">木蘭山風(fēng)景區(qū)</a>    
            </td>
            <td  width="400" text-align="center" align="center">
                <a href="http://www.ttzly.com/">天堂寨風(fēng)景區(qū)</a>
            </td>
        </tr>
        <tr>
            <td width="400" align="center"><img src="static/images/hlbe.jpeg" alt=""></td>
            <td width="400" align="center"><img src="static/images/sslj.jpeg" alt=""></td>
            <td width="400" align="center"><img src="static/images/cjsh.jpeg" alt=""></td>
        </tr>
        <tr>
            <td width="400" text-align="center" align="center">
                <a href="http://www.mafengwo.cn/gonglve/ziyouxing/338320.html">呼倫貝爾草原</a>
                </td>
            <td width="400" text-align="center" align="center">
                <a href="https://baike.baidu.com/item/%E5%A1%9E%E4%B8%8A%E8%80%81%E8%A1%97/3193111?fr=aladdin">塞上老街</a>
            </td>
            <td width="400" text-align="center" align="center">
                <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=3778437671832672096">成吉思汗陵</a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>

運行顯示如下：
圖文列表

批改老師：

PHPz

批改狀態(tài)：合格

老師批語：

本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報處理！

全部評論文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議

0條評論

作者最新博文

實例演示元素來源與優(yōu)先級

2022-03-19 21:38:03

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML圖文列表