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>

结果:

相关推荐
FFF-X15 小时前
大屏自适应终极方案:基于比例缩放的完美适配实践(Vue3版)
javascript·html5
林的快手17 小时前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
IT、木易20 小时前
HTML5 新增的标签有哪些?
前端·html·html5
前端_学习之路21 小时前
H5--开发适配
css3·html5
大数据追光猿1 天前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
烂蜻蜓1 天前
深入解析 Uniapp 的页面结构
前端·css·vue.js·uni-app·html·html5
程序员远仔1 天前
【Vue.js 和 React.js 的主要区别是什么?】
前端·javascript·css·vue.js·react.js·性能优化·html5
强强学习1 天前
HTML5 起步
前端·html·html5
weixin_516875651 天前
HTML5 面试题
html5
运维阿江2 天前
【小白学HTML5】盒模型_第一讲
前端·html·html5