提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

HTML 简单 标签 整理 内联
2023-06-13 09:17:08 时间

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>

标签简单整理

相关文章