<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>百度新闻列表</title>
</head>
<body>
<!-- 图片标签 src为属性图片的路径 -->
<h1>科技 <img src="img/icon-mark.png" ></h1>
<hr >
<!-- 有序列表 -->
<ul>
<li>
<!-- 超链接标签 标签内的内容会成为一个超链接点击可打开链接 属性href为打开的连接 -->
<a href="">中子星内“核面食”比钢硬100亿倍</a>
</li>
<li>
<a href="">莱姆库克分享到iPhone X5用户拍摄样张</a>
</li>
<li>
<a href="">专家解读:中国知识付费经济向上态势明显</a>
</li>
<li>
<a href="">苹果推送 macOS Mojave 正式版,你更新。</a>
</li>
</ul>
<!-- 无序列表 -->
<ol>
<li>
<!-- 超链接标签 标签内的内容会成为一个超链接点击可打开链接 属性href为打开的连接 -->
<a href="">中子星内“核面食”比钢硬100亿倍</a>
</li>
<li>
<a href="">莱姆库克分享到iPhone X5用户拍摄样张</a>
</li>
<li>
<a href="">专家解读:中国知识付费经济向上态势明显</a>
</li>
<li>
<a href="">苹果推送 macOS Mojave 正式版,你更新。</a>
</li>
</ol>
</body>
</html>
运行结果如下
科技 ![](img/icon-mark.png)
谷歌运行截图