900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html 标签(一)10个常用标签以及块元素行内元素

html 标签(一)10个常用标签以及块元素行内元素

时间:2023-12-04 15:36:56

相关推荐

html 标签(一)10个常用标签以及块元素行内元素

目录

一、标题标签 六个标签标题 常用的h1 到 h3

二 、段落标签 p 也是块元素 ,会独占一行

三 hgroup 标题分组

四 em strong都是强调标签

五 换行标签 br 自结束标签

六分割线 hr 自结束标签

八 div 没有任何语义 只表示一个块元素

九 span 没有任何语义 只表示一个行内元素,一般用来包裹文字

十 del 删除线标签

块元素行内元素、

一、标题标签 六个标签标题 常用的h1 到 h3

从样式看 h1 ->h6 ,逐步变小,语义也是逐渐变小的 标题标签也是辅助推广部门做推广的

重要性仅次于title标签

h1语义最重要,一个页面一般出现一次

标题标签是块元素 ,会独占一行

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

二 、段落标签 p 也是块元素 ,会独占一行

从样式看,段落与段落之间有间距

一般用来包裹文字和图片

<p>游仃谓。</p><p>羊了</p>

三 hgroup 标题分组

<hgroup><h1>登高</h1><h2>杜甫</h2></hgroup>

四 em strong都是强调标签

em strong 不会独占一行 是行内元素

em 有斜体 strong 加粗

em 强调的是语音语调

strong 强调的是内容的重要性 -->

<em>疾语知</em><strong>郭样他。</strong><p>小东西长得真好看<strong>假的</strong></p>

五 换行标签 br 自结束标签

况生程。<br>绛说冷分。<br>一非办<br>一侯秦<br>

六分割线 hr 自结束标签

<center><h1>登高</h1><h2>杜甫</h2><p>慨娘</p><p>台的承</p></center>

八 div 没有任何语义 只表示一个块元素

<div>路的这。</div><div>在说能司。</div>

九 span 没有任何语义 只表示一个行内元素,一般用来包裹文字

<span>的金以。</span> <span>10</span>

十 del 删除线标签

原价<del>999</del>现价9.9

块元素行内元素、

元素分为 块元素 行内元素

块元素

1、会独占一行

2、块元素的宽度默认是父元素的百分之百

3、块元素的高度默认是被内容撑开的

行内元素

一般用来包裹文字

1、不会独占一行

2、行内元素宽高都是被内容撑开的,不可以自定义宽高

行内块元素

兼具块元素,行内元素的特点

布局的注意点

1、块元素里面什么都能放、能放块元素、能放行内、能放行内快

2、行内元素里面不能放块元素

3、p标签是一个特殊的块元素里面不能放块元素

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。