web开发—— 前端基础(6) ——语义化标签

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

首先:标题标签有6级,h1~h6,h1时一级标题,h6是6级标题,h1最重要h6最不重要

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

  • 块元素:在页面中独占一行的元素称为块元素(block element)。
  • 作用:在网页中一般通过块元素来对网页进行布局
  • 一般有:标题标签和p标签

  • 行内元素:在页面中不会独占一行的元素称为行内元素(inline element)。
  • 作用:行内元素主要用来包裹文字
  • 一般有:em标签和strong标签

块元素:

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

一般情况下会在块元素里放行内元素,而不会在行内元素里放块元素。

 行内元素:em标签表示语音语调的一个加重

<p>今天天气<em>真</em>不错</p>

 strong标签表示强调

<p>今天<strong>天气</strong>真不错</p>

 接下来还要说说两个重要的布局元素:

  • div 用来布局块元素的
  • span用来布局行内元素的

语义化标签常用的元素就是以上的,大致了解一下即可!!!

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值