Html—内联标签和块状标签及简单标签整理

在html中有两种标签

像行内短语<span>/图片<img>/加粗<strong>等被称为内联标签,此标签不会为自己的内容占据新的一行,即此标签的内容会承接在上一个标签之后(同一行)。不可以设置宽高,但可以设置内边距和外边距,但外边距不能设置上下外边距。

像段落<p>/标题<h1>/节<div>等标签被称为块状标签,此标签会为自己的内容占据新的一行(即换行)。可以设置宽高。

如果需要图片能够在新的一行显示,可以用<p>包裹<img>标签来实现

内联标签
行内短语<span>
图片<img> (<img scr=”图片地址”)
加粗<strong>
链接<a> (<a href=”链接地址”)
块状标签
段落<p>
标题<h1>~<h6>
<div>
无序列表<ul> 列表每一项<li>
有序列表<ol>
表单<form>
表示导航区域<nav>
表示主体区域<main>

标签简单整理