目录
九 span 没有任何语义 只表示一个行内元素,一般用来包裹文字
一、标题标签 六个标签标题 常用的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标签是一个特殊的块元素里面不能放块元素