HTML行内元素和块级元素的区别? 分别有哪些?

目录

  • 一、行内元素和块级元素的区别
  • 二、行内元素和块级元素分别有哪些
    • 1、行内元素
    • 2、块级元素

在这里插入图片描述
在这里插入图片描述

一、行内元素和块级元素的区别

1、行内元素不会占据整行,在一条直线上排列,都是同一行,水平方向排列;
  
2、块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。块级元素会占据一行,垂直方向排列。

二、行内元素和块级元素分别有哪些

1、行内元素

<a>标签可定义锚        
<abbr>表示一个缩写形式        
<acronym>定义只取首字母缩写
<b>字体加粗        
<bdo>可覆盖默认的文本方向        
<big>大号字体加粗        
<br>换行
<cite>引用进行定义        
<code>定义计算机代码文本        
<dfn>定义一个定义项目
<em>定义为强调的内容        
<i>斜体文本效果        
<img>向网页中嵌入一幅图像
<input>输入框        
<kbd>定义键盘文本        
<label>标签为        
<input> 元素定义标注(标记)
<q>定义短的引用        
<samp>定义样本文本        
<select>创建单选或多选菜单
<small>呈现小号字体效果        
<span>组合文档中的行内元素       
<strong>语气更强的强调的内容
<sub>定义下标文本        
<sup>定义上标文本        
<textarea>多行的文本输入控件
<tt>打字机或者等宽的文本效果        
<var>定义变量

2、块级元素

<address>定义地址        
<caption>定义表格标题        
<dd>定义列表中定义条目        
<div>定义文档中的分区或节        
<dl>定义列表        
<dt>定义列表中的项目
<fieldset>定义一个框架集        
<form>创建 HTML 表单        
<h1>~<h6>定义标题,h1最大,h6最小
<hr>创建一条水平线        
<legend>元素为         
<fieldset>元素定义标题
<li>标签定义列表项目      
<noframes>为那些不支持框架的浏览器显示文本,于 frameset 元素内部
<noscript>定义在脚本未被执行时的替代内容        
<ol>定义有序列表        
<ul>定义无序列表
<p>标签定义段落        
<pre>定义预格式化的文本        
<table>标签定义 HTML 表格
<tbody>标签表格主体(正文)        
<td>表格中的标准单元格        
<th>定义表头单元格
<tfoot>定义表格的页脚(脚注或表注)        
<thead>标签定义表格的表头        
<tr>定义表格中的行

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/266956.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

win10脚本 | 使用 Word 自动化对象模型找出指定路径下含有特定内容的.docx

场景 今年的实验日志被我放在这样一个文件夹下&#xff0c;每个月下是每天具体的.docx文件&#xff0c;里面记录了我的一些实验操作步骤。现在我需要补充一个实验&#xff0c;用到一个名为chatunitest的插件&#xff0c;但是这是很久之前做的事情了&#xff0c;我无法判断是哪…

css的复合选择器(有案例)

目录 复合选择器的描述 后代选择器&#xff08;常用重点&#xff09; 子选择器 并集选择器&#xff08;重点常用&#xff09; 伪类选择器 链接伪类选择器 focus 伪类选择器 知识总结&#xff1a; 案例实现&#xff1a; 复合选择器的描述 在 CSS 中&#xff0c;可以根…

【UE5.1】Mixamo动画重定向到MetaHuman

前言 在上一篇博客&#xff08;【UE5】初识MetaHuman&#xff09;中我们创建一个MetaHuman角色&#xff0c;本篇博客在此基础上继续实现Mixamo动画重定向到MetaHuman角色的过程。 效果 步骤 1. 下载Mixamo动画资源&#xff08;网盘链接&#xff1a;百度网盘&#xff09;&…

56.windows docker 安装ES、Go操作ES

文章目录 一、环境准备1、 docker安装ES2、启动容器3、图像化客户端工具ElasticSearch-Head 二、Go ES连接与认证1、 连接ES2、配置ES认证 三、索引的增删改查四、文档的增删改创建单个文档根据文档id删除文档批量删除文档批量创建文档 五、文档查询列表查询精确匹配模糊匹配嵌…

[c++]—vector类___基础版(带你了解vector熟练掌握运用)

&#x1f469;&#x1f3fb;‍&#x1f4bb;作者:chlorine 目录 &#x1f393;标准库类型vector &#x1f393;定义和初始化vector的对象 &#x1f4bb;列表初始化vector对象 &#x1f4bb;创建指定数量的元素 &#x1f576;️值初始化 ❗列表初始化还是值初始化&#xf…

设计模式(二)-创建者模式(5)-建造者模式

一、为何需要建造者模式&#xff08;Builder&#xff09;? 在软件系统中&#xff0c;会存在一个复杂的对象&#xff0c;复杂在于该对象包含了很多不同的功能模块。该对象里的各个部分都是按照一定的算法组合起来的。 为了要使得复杂对象里的各个部分的独立性&#xff0c;以及…

【笔记】硬件工程师入门基础课程

学习视频&#xff08;b站&#xff09;&#xff1a;硬件工程师入门基础元器件课程 基础元器件课程 p1 电阻1. 定义、特性及参数1.1 色环电阻 识别方法&#xff1a;1.2 伏安特性1.3 基本参数 2.电阻的功能2.1 分压2.2 限流2.3 浪涌保护 3. 如何选择电阻 p2 电容1. 电容的定义1.1电…

DS二叉排序树之删除

Description 给出一个数据序列&#xff0c;建立二叉排序树&#xff0c;并实现删除功能 对二叉排序树进行中序遍历&#xff0c;可以得到有序的数据序列 Input 第一行输入t&#xff0c;表示有t个数据序列 第二行输入n&#xff0c;表示首个序列包含n个数据 第三行输入n个数据…

基于node 安装express后端脚手架

1.首先创建文件件 2.在文件夹内打开终端 npm init 3.安装express: npm install -g express-generator注意的地方&#xff1a;这个时候安装特别慢,最后导致不成功 解决方法&#xff1a;npm config set registry http://registry.npm.taobao.org/ 4.依次执行 npm install -g ex…

【UE5】监控摄像头效果(下)

目录 效果 步骤 一、多摄像机视角切换 二、摄像头自动旋转巡视 三、摄像头跟踪拍摄 效果 步骤 一、多摄像机视角切换 1. 打开玩家控制器“MyPlayerController”&#xff0c;添加一个变量&#xff0c;命名为“BP_SecurityCameraArray”&#xff0c;类型为“BP_SecurityCa…

实验制备高纯酸PFA酸纯化器材质分析,SCH亚沸蒸馏器特点是什么

.酸纯化器&#xff1a;也称酸蒸馏器、高纯酸提取系统、酸纯化系统、亚沸腾蒸馏器、高纯酸蒸馏纯化器。常规实验室分析中&#xff0c;各种酸及试剂被广泛应用于日常的样品处理及分析中。那么应该选用什么材质的酸纯化器呢 氟塑料酸纯化器&#xff0c;提纯酸效果好&#xff0c;避…

2023年12月7日:QT实现登陆界面

#include "mywidget.h"MyWidget::MyWidget(QWidget *parent): QWidget(parent) {//窗口设置this->resize(600,500);//重新设置窗口大小this->setWindowTitle("QQ-盗版");//设置窗口名为QQ-盗版this->setWindowIcon(QIcon("D:\\Qt\\funny\\pi…