当前位置: 开发笔记 > 前端 > 正文

html标记分为哪两种

作者：8023pxeb_256 | 来源：互联网 | 2022-09-25 12:44

一般来说，分为行内元素和块状元素，行内元素意思是，比如两个行内元素在同一行，他们不会分行。块状的话，如果两个块状元素不能再同一行，意思就是他们会换行

推荐教程：Html教程

　　一般来说，分为行内元素和块状元素，行内元素意思是，比如两个行内元素在同一行，他们不会分行，比如,等他们不支持宽度和高度的属性，所以行内元素的高度和宽度只是其内容的高度和宽度。块状的话，如果两个块状元素不能再同一行，意思就是他们会换行，比如

...等，但是块状元素支持width和height的属性，而行内元素不支持，当然你可以通过css来把行内改成块状或者把块状改成行内。

1.行内元素

　　行内元素最常使用的就是span，其他的只在特定功能下使用，修饰字体和标签，还有_{和^{这两个标签可以直接做出平方的效果，而不需要类似移动属性的帮助，很实用。}}

　　行内元素特征：(1)设置宽高无效

　　　　　　　　　(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间

　　　　　　　　　(3)不会自动进行换行

效果图

2.块状元素

　　块状元素代表性的就是div，其他如p、nav、aside、header、footer、section、article、ul-li、address等等，都可以用div来实现。不过为了可以方便程序员解读代码，一般都会使用特定的语义化标签，使得代码可读性强，且便于查错。

　　块状元素特征：(1)能够识别宽高

　　　　　　　　　(2)margin和padding的上下左右均对其有效

　　　　　　　　　(3)可以自动换行

　　　　　　　　　(4)多个块状元素标签写在一起，默认排列方式为从上至下

效果图

以上就是html标记分为哪两种的详细内容，更多请关注其它相关文章！

html

css

程序员

写下你的评论吧 !

吐个槽吧,看都看了

会员登录 | 用户注册

推荐阅读

css
Oracle 数据库 EXPDP 导出特定用户数据

本文介绍如何使用 Oracle 数据库的 EXPDP 工具导出特定用户下的所有数据。包括登录系统用户、创建导出目录、授权访问权限及执行导出操作的具体步骤。 ... [详细]

蜡笔小新   2024-11-29 19:48:26

node.js
在Win7系统中启用HTML5多点触控及HTML5在Windows应用开发中的应用

本文介绍如何在Windows 7操作系统中配置支持HTML5多点触控功能的设备，同时探讨了HTML5在开发Windows桌面应用程序中的可能性。 ... [详细]

蜡笔小新   2024-11-29 19:31:19

css
优化Nginx中PHP-FPM模块配置以提升性能

通过调整Nginx与PHP-FPM之间的配置，可以显著提高Web服务器处理PHP请求的速度和效率。本文将详细介绍如何针对不同的应用场景优化PHP-FPM的各项关键参数。 ... [详细]

蜡笔小新   2024-11-29 11:28:39

css
浏览器、中间件与服务器的交互机制

本文详细探讨了浏览器、中间件和服务器之间的交互过程，特别是HTTP请求的完整流程，包括DNS解析、TCP连接建立及数据传输等关键步骤。 ... [详细]

蜡笔小新   2024-11-29 10:22:03

css
Sass 语法入门与实践

Sass 是一种 CSS 的预处理器，通过使用变量、嵌套、继承等高级功能，使得 CSS 的编写更加灵活和高效。本文将介绍 Sass 的基本语法及其安装使用方法。 ... [详细]

蜡笔小新   2024-11-29 09:55:54

build
POJ 题目2892 Tunnel Warfare（线段树单点更新查询，求单点所在最大连续区间长度）

TunnelWarfareTimeLimit:1000MS MemoryLimit:131072KTotalSubmissions:7307 ... [详细]

蜡笔小新   2024-11-29 09:33:01

css
电子与正电子的相互作用

本文探讨了电子与正电子之间的基本物理特性及其在现代物理学中的应用，包括它们的产生、湮灭过程以及在粒子加速器和宇宙射线中的表现。 ... [详细]

蜡笔小新   2024-11-29 09:09:04

css
查找数组中的重复元素

问题描述：给定一个长度为n的数组，其中所有元素值位于0至n-1之间。数组中存在一些重复的数字，但具体哪些数字重复以及重复了多少次未知。本文章将探讨如何高效地找到数组中的任一重复数字。 ... [详细]

蜡笔小新   2024-11-29 07:50:02

css
深入理解Scanner类中的nextInt()和nextDouble()方法

本文详细探讨Java中Scanner类的两个重要方法——nextInt()和nextDouble()，并通过实例代码演示如何使用这些方法来处理用户输入。 ... [详细]

蜡笔小新   2024-11-29 07:28:01

css
理解FTP协议及其工作原理

本文介绍了FTP（文件传输协议）的基础知识，包括其定义、如何通过TCP建立控制和数据连接，以及主动模式与被动模式的区别。FTP作为一种重要的文件传输协议，在互联网数据交换中扮演着关键角色。 ... [详细]

蜡笔小新   2024-11-28 22:23:41

label
iOS8 UILabel 显示问题探讨

近期在维护旧项目时遇到一个问题，在iOS8环境下，UILabel无法正常显示文本。通过深入分析，我们发现这一现象与UILabel的使用方式有关，特别是在嵌套UILabel的情况下。 ... [详细]

蜡笔小新   2024-11-28 21:44:55

css
华为交换机VLAN间通信配置指南

本文详细介绍了如何在华为交换机上配置VLAN间的通信，包括VLAN的创建、VLAN接口的配置以及Trunk和Access端口的设置。通过具体步骤指导读者完成网络配置，确保不同VLAN之间的设备能够互相访问。 ... [详细]

蜡笔小新   2024-11-28 21:00:37

css
hibernate报错

这个报错出现在userDao里面，sessionfactory没有注入。解决办法：spring整合Hibernate使用test测试时要把spring.xml和spring-hib ... [详细]

蜡笔小新   2024-11-28 16:52:44

css
PHP电商平台的开发成本分析

本文深入探讨了PHP电商网站的开发成本，涵盖从基础建站到高级定制的各种费用因素。 ... [详细]

蜡笔小新   2024-11-28 16:33:58

css
代码优化：避免重复和提高可读性

本文讨论了在处理分页数据时常见的低级错误，并提供了优化后的代码示例，以减少重复代码并提高可读性和维护性。 ... [详细]

蜡笔小新   2024-11-28 15:27:32

8023pxeb_256

这个家伙很懒，什么也没留下！

Tags | 热门标签

textview

postman

hover

json

上传

javascript

react

console

charts

firefox

vue

jq

view

iframe

yarn

requirejs

vue.js

scheme

webkit

svg

css

npm

hybrid

正则

base64

chart.js

label

focus

build

node.js

RankList | 热门文章

1BAT的关于程序员的那些事

2Mysql workbench画ER图

3【巧用百度地图】—百度地图生成器（直接获取代码）

4如何使用git打更新包

5Proteus仿真T6963C驱动PG12864示例（带中英文显示）

6mac 装windows后windows 盘丢失了，mac的磁盘空间也变小了（已解决）

7C/C++内存泄漏用什么工具检测？

8mysqladmin创建数据库

9RongBYReport20220501

10崩坏3：V4.4更新前瞻：公告邮箱系统更新，设备锁系统登场

11【教主第一贴】水园居然有这么多人每天都要挤公交车或地铁，我感到很诧异！我家的佣人开的都是法拉力！他们都会使用SuperSinox！

12满足万物智联新需求 “星光麒麟”开启新一代国产操作系统创新之路

13电脑桌面归纳小窗口_电脑桌面便签下载排行，电脑桌面悬浮窗记事本电脑桌面备忘录哪个好用...

14(转载) Redis学习手册(目录)

15转进程的调度方式