百度新闻列表
知识点:a、ul、ol、li标签的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>百度新闻列表</title>
<style>
/*自定义列的图标颜色和形状(方形)*/
ul{
color: #7195B7;
list-style-type: square;
}
/*a标签颜色设置*/
a:link{
color: black;
}
a:hover{
color: #7195B7;
}
a:visited{
color: #aa0000;
}
a:active{
color: #F00;
}
</style>
</head>
<body>
<h1>科技 <img src="img/箭头.png"></h1>
<hr />
<ul>
<li>
<b><a href="http://baijiahao.baidu.com/s?id=1693031943952736340">微信表情“戒烟”!网友的脑洞亮了</a></b>
</li>
<li><a href="http://baijiahao.baidu.com/s?id=1693032619758246589">强化医疗隐私保护,让患者免于“裸奔之忧”|新京报快..</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693029852953846904">工信部:稀土低水平开采,没卖出“稀”的价 卖出了“..</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693034619501018114">科技创新打造市场“金刚钻”</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693027969768155302">频频炫富为哪般?短视频平台要刹住炫富之风</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693032568772757479">都脱贫了!点赞脱贫攻坚路上的“电信”力量</a></li>
</ul>
<ol>
<li><b><a href="http://baijiahao.baidu.com/s?id=1693031541139774748">我国5G手机终端连接数突破2亿户</a></b></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693029818917608796">苹果或推VR“天价”头显?预估售价在3000美元|..</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693032933074441148">江西省首单跨境电商9610陆路出口转关业务顺利开通</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693028992151080557">长江流域河湖生态流量管理,怎么干?</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1693030169134198547">推荐1名普工,奖励6000元……新能源车、芯片等行..</a></li>
<li><a href="http://baijiahao.baidu.com/s?id=1692899058593558771">莫让冰冷数据扰了火热生活――上海城市发展新观察之二</a></li>
</ol>
</body>
</html>
效果: