6、行内元素和块元素
6、行内元素和块元素
一、块元素
无论内容多少，该元素独占一行
如p标签、标题标签（h1-h6…）
二、行内元素
内容撑开宽度、左右都是行内元素的可以排在一行
一些元素如果能够摆放在一行都可以用行内元素，但是如果需要换行就需要用到块元素
如连接标签（a标签）、加粗strong、斜体em…
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基本标签学习</title>
</head>
<body><!--标题标签，这里h1就代表了一个标题标签-->
<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6><!--段落标签，可以将文字分成一段一段的，快捷键：p+tab键-->
<p>人最宝贵的是声明</p>
<p>生命对于每个人来说只有一次</p>
<p>人的一生应当这样度过</p><!--换行标签，是一个自闭和标签，与段落标签的区别在于换行标签只是换行了而已，内容还是一个段落-->
当他回首往事的时候<br/>
不因虚度年华而悔恨 <br/>
也不因为碌碌无为而感到羞愧 <br/><!--水平线标签，用于把两个标签隔开，这时候就要用到水平线标签，他也是一个自闭和标签-->
<hr/><!--字体样式标签，粗体，斜体-->
<h1>一级标题标签、字体样式标签</h1>
粗体：<strong>Dryant</strong>
斜体：<em>Dryant</em><!--注释和特殊符号标签-->
<br/>
空格：这 是 空 格
<br/>
大于号：>
<br/>
小于号：<
<br/>
版权符号：©<!--
特殊符号记忆方式
用&+字母去看是什么特殊符号
--></body>
</html>