开发中经常用到的块级标签 h1~h6、p、div、ul、li

常用的块级标签

• 块级元素默认独自占一行，可嵌套；

• 可设置宽、高、内外边距等；宽度没有设置时，默认为100%；

• 一般块级元素中可以包含块级元素和行内元素

标签常用标准属性：

• id 定义元素的唯一 id 相当于身份证号

• class 定义元素的一个或多个类名通常与样式表结合使用，用于设置样式

• style 用于在行内设置样式

• title 设置元素的额外信息，鼠标放在定义了该属性的标签上时会显示对应的额外信息

<hn></hn>

该标签用于设置一个标题，n 的取值范围：1~6，1 的级别最高 6 的级别最低；该标签是双标签，使用时开始标签的级别与结束标签的级别要保持一致，开始标记与结束标记之间用于填写标题内容

注： 使用标题标签时，其内部最好不要嵌套标题标签或其他标签

示例：

<h1>标题内容1</h1>
<h6>标题内容6</h6>

<p></p>

用于定义段落的标签，一般用于存放文本，标签内的文本独立成段

示例：

<p>这是一段文本内容，独立成段</p>

<div></div>

通用块级元素，多用于布局，规划页面结构，该标签可嵌套

示例：

<div id = "parent" class = "left test">
	<div>嵌套的子元素</div>
	<p>这是一个段落</p>
</div>

<ul></ul>、<li></li>

<ul></u> 用于定义无序列表

<li><li> 用于定义无序列表中的每一项

• 通常 ul 与 li 结合使用，官方推荐通过 CSS 样式来控制其显示的样式，下面的方式

  • 无序列表 ul 可以通过样式属性（type）设置列表项的样式，其值有三种：正方形（square）、圆形（disc）、圆环（circle）

  • li 也可以通过 type 属性单独设置某个列表项的样式

示例：

<ul type = "disc">
	<li>第一项</li>
	<li>第二项</li>
	<li type = "square">第三项</li>
	<li>第四项</li>
</ul>

标签：块级,元素,示例,样式,标签,h1,h6,li,设置
来源： https://blog.csdn.net/weixin_44486539/article/details/101306784