学习前端第二天：百度新闻百家号模块制作

NEWYORK4

已于 2022-07-19 21:32:22 修改

阅读量531

点赞数 3

文章标签：学习前端前端框架

于 2022-07-19 21:19:14 首次发布

本文链接：https://blog.youkuaiyun.com/a2237464569/article/details/125881074

版权

百度新闻百家号模块制作

今天是学习web前端的第二天，学习了百度新闻百家号模块的制作。

1.所用技术:

（1）html

（2）.css

2.所用标签

table 表格

tr 行

th 表头单元格

td 普通单元格

img 图片

ul 无序列表

ol 有序列表

li 列表项换行

div 换行块元素

p 换行/行距段落

br 强制换行

b 加粗

style属性

3.效果图

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=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table >
        <tr>
            <td>
                <img src="./9625bf9fe348f3ef78c3c36741f7cd3e.jpeg" alt=""width="250">
                </td>
            <td rowspan="3">
                <p style="font-size:13px ;"> <b> 腾讯云需要“转基因”</b></p>
                <p style="font-size:13px ;">思必驰冲刺科创板IPO：三年净亏损8.3亿</p>
                <p style="font-size:13px ;">行业冥灯？老罗最好祈祷苹果的AR能成</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;"><b>马斯克正把推特变成一家“无人驾驶公司”</b></p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;"><b>马斯克正把推特变成一家“无人驾驶公司”</b></p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">马斯克正把推特变成一家“无人驾驶公司”</p>
                <p style="font-size:13px ;">是时候对搜狐说几句真话了</p>
                
            </td>
        </tr>
        <tr>
            <td>
                <img src="./294441a8dc59ed62d38062ac735688b6.jpeg" alt=""width="120">&emsp;<img src="./045a6326a2173c316b50bd2ddb92c4e4.jpeg" alt=""width="120">
                <div style="font-size:10px ;">&emsp;soul失去灵魂&emsp;&emsp;&emsp;&emsp;&emsp;良品铺子迷失高端化</div>
            </td>
           
        </tr>
        <tr>
            <td>
                <img src="./92cacdc29dcfff93d9971b5cee99ad82.jpeg" alt=""width="250">
            </td>
           
        </tr>
    </table>
</body>
</html>