HTML基本骨架标签,段落换行水平线标签,文本标签

 

HTML的基本骨架标签、段落换行水平线标签以及文本标签是构建网页的基础

HTML文档的基本骨架由以下几个主要标签组成:

1. <!DOCTYPE html>:声明文档类型,告诉浏览器这是一个HTML5文档。它位于文档的最前面,不是HTML标签,但它是HTML文档的重要组成部分

2. <html>:表示整个HTML文档的开始和结束。所有的HTML内容都应该包含在这个标签内

3. <head>:包含了文档的元(meta)数据,如文档的标题、字符集定义、对外部文件(如样式表、脚本)的引用等。这些元素不会直接显示在网页上,但对网页的渲染和行为至关重要

4. <title>:定义文档的标题,这个标题会显示在浏览器的标题栏或标签页上。同时,它也是搜索引擎优化(SEO)的重要因素之一

5. <body>:包含了网页的所有可见内容,如文本、图片、视频、链接等

be40173a159f4c208b3dbde44ecf78ea.png

段落换行水平线标签:

首先,我们来看段落标签

段落标签(<p></p>)

段落标签`<p>`用于定义文本的一个段落。浏览器会自动在段落前后添加空行(即外边距),以实现段落的分隔

演示如下:

 0658abb0f52a4b078ea807d2b6a8d6e6.png

来看看效果

2926749cd5e344fdb5809bdfc72c2e59.png

接下来是换行标签

换行标签(<br>)

换行标签`<br>`是一个空标签,用于在文本中插入一个简单的换行(而不是新段落),它不需要结束标签

演示如图:

db3fbc34353a40d98b6ee34b3d91119c.png

运行结果如图

be119cfd9a754a5da6810a3e6c4d9bb2.png

接下来便是水平线标签了

 水平线标签(<hr>)

水平线标签`<hr>`用于在HTML页面中插入一条水平线,常用于分隔内容区块

演示如下:

bacea892b49d451e824f9a1b2c1c5aef.png

运行效果如下

95597d1102f84f05812bdc68cb47979d.png
 

 接下来就是文本标签啦,HTML提供了多种文本标签,用于对文本进行格式化,如加粗、斜体、删除线等

 加粗标签(<strong>):表示文本的重要性,加粗文本字体

 

 

来看看演示

64b3ae25ded64fc38f879d7cef3bf6a5.png

运行结果

cdd82e695fed463d9149f2059fad6b22.png

 斜体标签(<em>):表示文本的强调,倾斜字体

看看演示

f07718e5d9544b29b9d38c7cc472fb4b.png

运行结果

af3a384abd854b8aa5760897392ecad2.png

 删除线标签(<del>):表示文本已被删除

演示如下

aaf4ffa8473046cbbbf898f7748f9f71.png

来看看效果

8abd10759b2a41a9a9f347c30119d118.png

那么今天就先说到这,谢谢

c8cb2efc384c49ce85a4237563edea1a.png

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值