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>

结果:

相关推荐
木木黄木木44 分钟前
使用HTML5和CSS3实现炫酷的3D立方体动画
3d·css3·html5
jianzhi0011 天前
深入理解 HTML5 Web Workers:提升网页性能的关键技术解析
前端·html·html5
知识分享小能手1 天前
CSS3学习教程,从入门到精通, 学院网站完整项目 - HTML5 + CSS3 实现(25)
前端·javascript·css·学习·css3·html5·前端项目
百锦再2 天前
React编程的核心概念:发布-订阅模型、背压与异步非阻塞
前端·javascript·react.js·前端框架·json·ecmascript·html5
木木黄木木2 天前
HTML5贪吃蛇游戏开发经验分享
前端·html·html5
木木黄木木2 天前
基于HTML5的拖拽排序功能实现详解
前端·html·html5
木木黄木木2 天前
HTML5 Canvas绘画板项目实战:打造一个功能丰富的在线画板
前端·html·html5
羊思茗5202 天前
探索HTML5 Canvas:创造动态与交互性网页内容的强大工具
前端·html·html5
神秘代码行者2 天前
使用 contenteditable 属性实现网页内容可编辑化
前端·html5
知识分享小能手2 天前
CSS3学习教程,从入门到精通, CSS3 变形效果(2D 和 3D)的详细语法知识点及案例代码(22)
前端·javascript·css·学习·3d·css3·html5