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

2023-02-22 09:14:55 浏览数 (1)

  • , 28 1月 2021
  • 作者 847954981@qq.com
  • 前端学习, 我的编程之路
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>

标签简单整理

0 人点赞