HTML简单版的体育新闻案例

代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<ul>

<li>

<img src="./image/01.jpg" width="260" height="200">

<h3>邀请赛夺冠、主帅开始变阵、放出潜力队员!天津男排新赛季有变化</h3>

</li>

<li>

<img src="./image/02.jpg" width="260" height="200">

<h3>战术板|半场射门0比9,国足赢在先手布局</h3>

</li>

<li>

<img src="./image/03.jpg" width="260" height="200">

<h3>库里16分布朗尼5中1 勇士大胜湖人季前赛5连胜</h3>

</li>

</ul>

</body>

</html>

结果:

相关推荐
桃园码工5 小时前
4_使用 HTML5 Canvas API (3) --[HTML5 API 学习之旅]
前端·html5·canvas
桃园码工6 小时前
9_HTML5 SVG (5) --[HTML5 API 学习之旅]
前端·html5·svg
桃园码工14 小时前
6_HTML5 SVG (2) --[HTML5 API 学习之旅]
前端·html5·svg
桃园码工16 小时前
11_HTML5 拖放 --[HTML5 API 学习之旅]
前端·html5·拖放
桃园码工17 小时前
12_HTML5 Video(视频) --[HTML5 API 学习之旅]
音视频·html5·video
WebDesign_Mu2 天前
HTML5+CSS3+JS制作精美的宠物主题网站(内附源码,含5个页面)
前端·javascript·css·html·css3·html5·宠物
秃头小锦鲤3 天前
网页核心页面设计(第10章)
前端·javascript·css·html·css3·html5
涵信3 天前
Element@2.15.14-tree checkStrictly 状态实现父项联动子项,实现节点自定义编辑、新增、删除功能
javascript·vue.js·elementui·html5
怒放的生命.3 天前
《前端web开发-HTML5基础》
前端·html·html5