网页设计相关，有人可以帮我看看吗？😣

img

要点里不是都写清楚了吗？

所以你的问题是什么？

img

大体内容是这样，具体替换成你自己的图片和文字。


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <table style="width:100%">
        <tr>
            <td colspan="2" style="text-align:center"><h1>标题H1居中</h1></td>
        </tr>
        <tr>
            <td><img src="https://t9.baidu.com/it/u=3618523823,3879409090&fm=218&app=92&f=PNG?w=121&h=75&s=18885132494EC4CE025DD4DB030080B1" style="height:500px;" /></td>
            <td>
                <p style=" line-height: 1.5; font-size:24px;">2018年7月4日 测试文本贡献者:游客25162951 类别:简体中文 时间:2018-07-04 15:46:59 收藏数:4 评分:0返回上页 举报此文章 收藏到我的文章 改错字 您</p>
                <p style=" line-height: 1.25; font-size:20px;">2018年7月4日 测试文本贡献者:游客25162951 类别:简体中文 时间:2018-07-04 15:46:59 收藏数:4 评分:0返回上页 举报此文章 收藏到我的文章 改错字 您</p>
                <p style=" line-height: 1.25; font-size:20px;">2018年7月4日 测试文本贡献者:游客25162951 类别:简体中文 时间:2018-07-04 15:46:59 收藏数:4 评分:0返回上页 举报此文章 收藏到我的文章 改错字 您</p>
            </td>
        </tr>
    </table>
</body>
</html>

要用css做，但我不知道html怎么用css


<style>
/*  属性选择器 */
h1{text-align:center}
.box{
    display:flex
}
/* 层级选择器 */
.box .left img{
    height:500px;
}
.box .right .p1{
    line-height:1.5;
    font-size: 24px;
}
/* 层级选择器 + 群组选择器*/
.box .right .p2,.box .right .p3{
    line-height:1.25;
    font-size: 20px;
}
</style>