HTML练习之路04

任务要求完成如图所示的网页界面:

 通过分析可将该界面分为两大部分,左边为图片,右边为文本,所以左侧用<img>属性后,还需要通过align设置为靠左侧,否则右侧文字无法与图片处于同一平面。另外还需要设置水平边距(hspace),让图片和文字之间留有空隙,更加美观,代码如下:

 然后我们来设置文本部分,文本由标题和一段文字构成,且都为靠左,代码如下:

 设置完后我们发现与题目要求还有一定差距,原因是题目中的三段文字之间有一条明显的空行。

 在最后一段文字中的换行写两次就可以了,得到如图界面:

完整代码如下图: 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沐曦可期

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值