「HTML」从零开始学网页制作-03 html网页制作教程视频
gaoyangw 2024-11-13 10:35 17 浏览 0 评论
-接上文
第三步
将标题居中
需要新学一个属性:
align 属性规定内容的水平对齐方式。
align 属性有3个值:
当 align="center" 的时候,就是居中对齐内容;当 align="left" 的时候,就是左对齐内容;当 align="right" 的时候,就是右对齐内容。
在 <h1>、<p> 标签中添加 align 属性,如下:
<h1 align="center">俄媒盘点三大性价较高的度假胜地</h2>
<p align="center"><font size="2" color="#545454">2020-08-20 00:02:38 来源:环球时报</font></p>
总结:align的值:center:居中;left:左对齐;right:右对齐。
第四步
在标题下面有一条横线,我们可以用 <hr/> 这个单标签实现:
<hr> 标签用于在 HTML 页面中创建一条水平线。
再加入 <hr/> 后可以看到,只需要一个 <hr/> 即可在浏览器中显示一条水平线,这就是单标签和双标签区别,它只需要一个。不仅如此,我们还可以定义这条横线的长短、粗细、颜色。
可以试试看在 <hr/> 里面加入以下内容:
<hr size="2" width=200px color="red"/>
size:规定 hr 元素的厚度;width:规定 hr 元素的宽度(px是像素的意思,例如100px是100像素); color:规定 hr 元素呈现的颜色。
第五步
最后一步,把文字写进<p>标签里面
<p>世界上有许多美丽的国家,去那里旅游无需办理繁琐的证件手续,而且还可以欣赏到不一样的风景。 俄罗斯“健康生活网”与旅游门户网站“摩登门”为大家推荐一些经济实惠、性价比比较高的旅游国度,让大家好好畅游一番。
</p>
<p>1.亚美尼亚</p>
<p>2.黑山共和国</p>
<p>3.摩洛哥</p>
细心的你可能会发现,为什么成品图3个国家名字的行高间隔很小,而上面的行高却间隔很大
这时我们需要认识一个新标签<br/>
<br/> 可以插入一个换行符,它与<p>标签区别是:<p>标签在换行时,还会在相邻的段落之间插入一些垂直的行间距(行高)。这个标签和上面的<hr/>同样属于单标签。
所以我们稍微修改一下,并加入颜色:
<p><font color="#f00">1.亚美尼亚<br/>2.黑山共和国<br/>3.摩洛哥</font></p>
以下是完整html代码:
END
你学到了<h1> - <h6>标签、<font>标签、<!--注释-->、align 属性、<hr/>标签、<br/>标签。
你已经能自己做出一个简单的网页了。
相关推荐
- 网络推广引流策略:选准平台提升品牌影响力
-
网络推广引流是企业和个人自媒体发展中不可或缺的关键步骤,它能有效提升品牌名声、促进产品销售、吸引众多潜在消费者。为了做好这项工作,我们需深入了解众多细节和策略。下面,我将逐一为大家详细介绍网络推广引流...
- 王心凌翻红,南京某公司专门发文为其拉票?
-
前不久,“刘耕宏女孩”们纷纷加入健身大军,一起跳起了《本草纲目》。最近,“王心凌男孩”们又跳起了《爱你》,登上热搜。一首《爱你》重新翻红5月20日,《乘风破浪3》开播。今年39岁的王心凌在初舞台上,绑...
- 项目招标山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公
-
项目招标山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
- 关于山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
-
关于山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 最新项目山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
最新项目山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商...
- 山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
-
山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 最新招标公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性
-
最新招标公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公
-
最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 合肥网站建设大概流程是怎么样的(合肥网站建设方案开发)
-
合肥网站建设是指在合肥地区进行网站建设的一系列流程和步骤。随着互联网的快速发展,网络在经济、商务、政府、教育和其他领域的作用越来越大,一个高效、安全、易用的网站在合肥的发展中起着重要的作用。下面将简要...
- 网站SEO优化如何制定策略(网站seo的主要优化内容)
-
原文地址:网站SEO优化如何制定策略作者:怎么可以那么难取名字做网站优化首先需要制定好SEO策略,SEO策略贯穿整个SEO工作中心,每一步都是按照这个策略走,循序渐进,一步一步进行。执行SEO之前一定...
- 2025年Google SEO趋势:AI如何重塑你的流量策略?
-
2025年,GoogleSEO正迎来一场由AI驱动的革命。作为一名拥有16年经验的SEO专家,我见证了无数网站因未能适应变化而流量暴跌,也看到那些紧跟趋势的网站实现逆袭。AI如何影响SEO?Goog...
- 网站建设费用包含哪些方面?(网站建设费用计入哪个科目)
-
在网站建设中,费用通常由多个方面组成,这些因素共同决定了网站的整体成本。首先,最基本的费用是域名和主机的购买。域名是网站的地址,而主机则是存放网站内容的服务器,这两者都是网站上线的必要条件。选择合适的...
- 做一个公司官网大概多少钱呢?(做一个公司官网大概多少钱呢知乎)
-
制作公司官网的费用因需求复杂度和服务商不同差异较大,以下是一个大致的费用范围和分析,供参考:#公司官网##网站搭建---**一、影响价格的核心因素**1.**网站类型**-**基础展示型**(5...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 网站开发 (47)
- 网络推广哪个平台好 (47)
- 百度收录 (50)
- 网页设计 (44)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 广州seo (47)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 网页制作 (47)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站收录查询 (46)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 网站设计模板 (45)
- 一键优化 (47)