HTML的语义【块元素】【行内元素】

本文探讨HTML标签的正确使用,重点讲解h1-h6标题的语义和重要性,以及块元素如hgroup和段落(p)的应用。同时,介绍如何通过em和strong强调文本,以及blockquote和q标签在引用中的角色。
摘要由CSDN通过智能技术生成

在网页中HTML专门用来负责网页的结构,所以在使用HTML标签时,应该关注的是标签的语义,而不是它的样式

标题标签:h1~h6一共有六级标题

h1是一级标题,

h2是二级标题,

h3是三级标题

……

h6是六级标题

从h1~h6的重要性,h1最重要,h6最不重要

h1在网页中的重要性仅次于title标签,一般情况下一个页面中只有一个h1

一般情况下标题标签只会使用到h1~h3,h4~h6很少用

在页面中独占一行的元素称为块元素(block element)

 

p标签表示页面中的一个段落,p也是一个块元素

所以标题标签都是块元素

 

hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup

 

em标签用于表示语音语调的一个加重

比如:<p>你干的真不错</p>    【假设这句话是反话,那么正确的写法应该是】   

                                             ⬇️

        <p>你干的<em>真</em>不错</p>

在页面中不会独占一行的元素称为行内元素(inline element)

 

strong表示强调,重要内容!

例:<p>你今天必须完成作业</p>

如果强调完成作业四个字应该

                         ⬇️

<p>你今天必须<strong>完成作业</strong>!</p>

 

blockquote表示一个长引用

例:

张三说,

<blockquote>

            这句话我从来没有说过!

</blockquote>

 

q表示一个短信用,是行内元素

例:

子曰<q>温故而知新,可以为师矣!</q>

 

br标签表示页面中的换行,写几个换几行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值