Web前端学习—基础篇(4)_常用块级标签有哪些

前端学习基础篇

三、HTML学习

7、常用标签

7.1、块级标签

7.1.1、 div标签

​ 无语义标签 盒子

语法：
<div>[内容]</div>

样例：

<div>hello world</div>

特性：

• 宽度默认撑满整个父元素
• 高度默认由内容撑开
• 独立成行——垂直布局

7.1.2 、h系列标签

​ 标题标签

语法：

    <h1>title1</h1>
    <h2>title2</h2>
    <h3>title3</h3>
    <h4>title4</h4>
    <h5>title5</h5>
    <h6>title6</h6>

​ h1~h6文字大小依次减小，重要程度依次减弱；在同一个页面中h1标签只能使用一次，其他标签标签可以多次使用

特性：

• 宽度默认撑满整个父元素
• 高度默认由内容撑开
• 独立成行——垂直布局
• 默认自带外间距
• 默认自带加粗效果

7.1.3、p标签

​ 段落标签

语法：
<p>[内容]</p>

样例：

<p>里面可以有大段内容</p>

特性：

• 宽度默认撑满整个父元素
• 高度默认由内容撑开
• 独立成行——垂直布局
• 默认自带外间距
  注意：标题标签和段落标签不能相互嵌套