目录
一、标题标签 六个标签标题 常用的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标签是一个特殊的块元素里面不能放块元素