HTML(一)

1:

<!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>Document</title>
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
        <strong>工商银行电子汇款单</strong>
        <table border="1" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="2">
                    <strong>回单类型</strong>
                </td>
                <td>
                    网上转账汇款
                </td>
                <td colspan="2">
                    <strong>
                        指令序号
                    </strong>
                </td>
                <td>
                    121212121212121
                </td>
            </tr>
            <tr>
                <td rowspan="4">收件人</td>
                <td>户名</td>
                <td>秦浩毅</td>
                <td rowspan="4">付款人</td>
                <td>户名</td>
                <td>老秦</td>
            </tr>
            <tr>
                <td><strong>卡号</strong></td>
                <td>fldsjfljls</td>
                <td><strong>卡号</strong></td>
                <td>fjdsdls</td>
            </tr>
            <tr>
                <td>地区</td>
                <td>fjkasdhfkahs</td>
                <td>地区</td>
                <td>宇宙村</td>
            </tr>
            <tr>
                <td><strong>网点</strong></td>
                <td>银河系</td>
                <td><strong>网点</strong></td>
                <td>flasdhfk</td>
            </tr>
            <tr>
                <td colspan="2">币种</td>
                <td>美元</td>
                <td colspan="2"><strong>纱汇标志</strong></td>
                <td><u>钞票</u></td>
            </tr>
            <tr>
                <td colspan="2"><strong>金额</strong></td>
                <td>$1.00</td>
                <td colspan="2"><strong>手续费</strong></td>
                <td>$0.57</td>
            </tr>
            <tr>
                <td colspan="2">合计</td>
                <td colspan="4">美元 Dollar</td>
            </tr>
            <tr>
                <td colspan="2">交易时间</td>
                <td>2022年10月16日</td>
                <td><strong>时间戳</strong></td>
                <td colspan="2">fjklasdkjflsajd</td>
            </tr>
        </table>
</body>
</html>

2:

<!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>Document</title>
    <style>
        div {
            border: 1px solid red;
            margin: 0 auto;
        }
        #large {
            font: normal bold 40px "宋体";
        }
        #small {
            font: normal bold 30px "宋体";
        }
        div td p{
            height: auto;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <div>
        <table>
            <tr>
                <td colspan="2"><span id="large">将进酒</span><span id="small">&nbsp;君不见黄河之水天上来</span></td>
            </tr>
            <td>
                <td ><img src="./imgs/hihi.jpg" alt="我是诗人!"></td>
                <td><p>
                    君不見黃河之水天上來,奔流到海不復回。<br/>
                    君不見高堂明鏡悲白髮,朝如青絲暮成雪。<br/>
                    人生得意須盡歡,莫使金樽空對月。<br/>
                    天生我材必有用,千金散盡還復來。<br/>
                    烹羊宰牛且爲樂,會須一飲三百杯。<br/>
                    岑夫子,丹丘生。將進酒,杯莫停。<br/>
                    與君歌一曲,請君爲我傾耳聽。<br/>
                    鐘鼓饌玉不足貴,但願長醉不願醒。<br/>
                    古來聖賢皆寂寞,惟有飲者留其名。<br/>
                    陳王昔時宴平樂,斗酒十千恣歡謔。<br/>
                    主人何為言少錢?徑須沽取對君酌。<br/>
                    五花馬,千金裘。呼兒將出換美酒,與爾同銷萬古愁。<br/> 
                </p></td>
            </td>
        </table>
        
    </div>
</body>
</html>

3:

<!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>Document</title>
    <style>
        div span img {
            width: 170px;
            height: 200px;
        }
        #font span{
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <div>
        <h1>热门电影板块</h1>
        <hr>
        <div>
            <strong>最近热门电影</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span>热门</span>&nbsp;
            <span>最新</span>&nbsp;
            <span>豆瓣高分</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <span>冷门佳片</span>&nbsp;&nbsp;&nbsp;
            <span>华语</span>&nbsp;
            <span>欧美</span>&nbsp;
            <span>韩国</span>&nbsp;
            <span>日本</span>&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span>更多>></span>
        </div>
        <hr>
    </div>
    <div>
        <span><img src="./imgs/hihi.jpg" alt="" ></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
    </div>
    <div id="font">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <div>
        <span><img src="./imgs/hihi.jpg" alt="" ></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
        <span><img src="./imgs/hihi.jpg" alt=""></span>
    </div>
    <div id="font">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>111</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
</body>
</html>

4:

<!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>Document</title>
</head>
<body>
    <ol type="1">
        <li> <span>你猜我会问什么</span>
            <br>
            <ol type="A">
                <li><p>123123</p></li>
                <li><p>123123</p></li>
                <li><p>123123</p></li>
                <li><p>123123</p></li>
            </ol>
        </li>
        <li>
            <span>你会说什么</span>
            <br>
            <ol type="A">
                <li>fhaskdhfk</li>
                <li>fjslajfl</li>
                <li>fsjdkfh</li>
                <li>riqrh</li>
            </ol>
        </li>
        <li>
            <span>
                啊哈哈哈,鸡汤来了
            </span>
            <br>
            <ol type="A">
                <li>喝,为什么不喝</li>
                <li>喝,为什么不喝</li>
                <li>喝,为什么不喝</li>
                <li>喝,为什么不喝</li>
            </ol>
        </li>
        <li>
            <span>既然大家都知道,那我就不演了,我就是</span>
            <ol type="A">
                <li>大日本帝国高级特工,代号山甲穿</li>
                <li>王大队长</li>
                <li>喝,为什么不喝</li>
                <li>龟也先生</li>
            </ol>
        </li>
    </ol>
</body>
</html> 

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值