html制作旅游网页实例_「HTML」从零开始学网页制作-02

接下来的任务是完成下面页面制作:

f4382fcc9077735f2a52241a8419844d.png

旅游新闻页面

第一步

和上一次一样,建立一个空白文档,并输入基础代码,这里不再赘述。

修改标题为“旅游新闻”

在上方效果图可以看到“俄媒盘点三大性价较高的度假胜地”这一段话又大又粗,要达到这样效果需要学习一个新标签:

里面写入:

俄媒盘点三大性价较高的度假胜地

保存打开浏览器一看:

1053072faa2c18589ee63a4bed92d5b6.png

wow!这字可比前面学的

标签大多了,这是因为

标签可以定义标题!

常言道:看书先看皮,看报先看题,标题可以使读者了解到文章的主要内容和主旨。

不过……标题好像太大了?没关系,因为除了

还有

,这六个从大到小,任你选择。
a840813b8988068129e9398341fed658.png

-

总结:

-

标签可定义标题。因此标题请用

-

标签。

定义最大的标题。

定义最小的标题。

第二步

在大标题下面还有一行小字,别漏掉了

当我们输入:

2020-08-20 00:02:38 来源:环球时报

发现字号比效果图大,而且颜色也不对。那么试试看在

标签里面加入标签,并设置属性:

2020-08-20 00:02:38 来源:环球时报

是不是感觉变得一模一样了!

f6343956f555e4dfe637f2ad124ebe0c.png

这是因为标签规定文本的字体、字体尺寸、字体颜色。

size:设置字体尺寸,取值有1~7。

color:设置字体颜色,该属性可以有3个值:

ec6f107dd84cdf3b20ee6041a60b76f1.png

仔细看上面图片,在第二个

标签后面有这么一句话:“”,但是这句话没有出现在浏览器中。

这个 叫做注释标签用于在源代码中插入注释。注释不会显示在浏览器中

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。例如:

总结:

标签用于改变字。请善于使用注释,

未完待续

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值