首页 web前端 html教程 块级元素和内联元素及可变元素汇总_HTML/Xhtml_网页制作

块级元素和内联元素及可变元素汇总_HTML/Xhtml_网页制作

May 16, 2016 pm 04:37 PM
内联元素 块级元素

块元素(block element)

   p - 段落

   pre - 格式化文本

   table - 表格

   ol - 排序表单

   ul - 非排序列表

  address - 地址

   blockquote - 块引用

   center - 居中对齐块

   div - 常用块级

   dl - 定义列表

   fieldset - form控制组

   form - 交互表单

   h1 - 大标题

   h2 - 副标题

   h3 - 3级标题

   h4 - 4级标题

   h5 - 5级标题

   h6 - 6级标题

   hr - 水平分隔线

   isindex - input prompt

   noframes - frames可选内容

   noscript - 可选脚本内容  

内联元素(inline element)

   li - 列表项

   a - 锚点

   abbr - 缩写

   acronym - 首字

   b - 粗体(不推荐)

   bdo - bidi override

   big - 大字体

   br - 换行

   cite - 引用

   code - 计算机代码

   dfn - 定义字段

   em - 强调

   font - 字体设定

   i - 斜体

   img - 图片

   input - 输入框

   kbd - 定义键盘文本

   label - 表格标签

   q - 短引用

   s - 中划线

   samp - 定义范例计算机代码

   select - 项目选择

   small - 小字体文本

   span - 常用内联容器,定义文本内区块

   strike - 中划线

   strong - 粗体强调

   sub - 下标

   sup - 上标

   textarea - 多行文本输入框

   tt - 电传文本

   u - 下划线

   var - 定义变量

可变元素

  可变元素为根据上下文语境决定该元素为块元素或者内联元素。

   applet - java applet

   button - 按钮

   del - 删除文本

   iframe - inline frame

   ins - 插入的文本

   map - 图片区块(map)

   object - object对象

   script - 客户端脚本
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

行内元素和块级元素有哪些 行内元素和块级元素有哪些 Aug 17, 2023 am 11:33 AM

行内元素有div、p、h1-h6、ul、ol、li、table、form等;块级元素有span、a、img、strong、em、input、label等。两种元素的特点:1、行内元素,会独占一行,自动填充父容器的宽度,可以设置宽度、高度、内外边距等属性,可以包含其他块级元素和行内元素;2、行内元素,不会独占一行,宽度和高度由内容决定,内外边距只影响元素自身的排列等等。

行内元素与块级元素的区别:深入理解HTML中的元素分类 行内元素与块级元素的区别:深入理解HTML中的元素分类 Dec 23, 2023 am 10:01 AM

行内元素与块级元素的区别:深入理解HTML中的元素分类在HTML中,元素可以分为行内元素和块级元素两类。了解它们的区别对于正确掌握HTML的布局和样式是非常重要的。本文将深入理解行内元素和块级元素的特点,并提供具体的代码示例。行内元素行内元素是指在HTML文档中默认以行内方式显示的元素。它们不会独占一整行,而是根据文档流的排列方式在一行内紧密显示。常见的行内

行内元素和块级元素之间的区别有哪些 行内元素和块级元素之间的区别有哪些 Oct 16, 2023 am 09:51 AM

行内元素和块级元素的区别有“盒模型”、“排列方式”、“内容显示”、“相对位置”和“默认尺寸”五种区别:1、行内元素不产生独立的框,宽度和高度由内容决定,而块级元素会生成一个独立的矩形框,可以设置宽度、高度、边距和填充等属性;2、行内元素在同一行上水平排列,而块级元素会自上而下按顺序排列;3、行内元素不能包含块级元素,而块级元素可以包含其他块级元素和行内元素等。

html哪些行内元素和块级元素 html哪些行内元素和块级元素 Oct 16, 2023 am 09:57 AM

html常用的行内元素和块级元素有:1、块级元素包括<div>、<p>、<ul>和<ol>、<li>、<h1>~<h6>和<header>等语义化标签;2、行内元素包括<span>、<a>、<strong> 和 <em>、<img>和<input>等标签。

行内元素和块级元素的区别有什么 行内元素和块级元素的区别有什么 Aug 18, 2023 pm 05:02 PM

行内元素和块级元素的区别有:1、行内元素不会独占一行,而块级元素会独占一行;2、行内元素的宽度由其内容决定,而块级元素的宽度默认是其父元素的100%;3、行内元素的盒模型主要包括水平方向的内边距、外边距和边框,而每个方向都有。

行内和块级元素有哪些 行内和块级元素有哪些 Nov 24, 2023 pm 01:57 PM

行内元素有a、span、strong、b、em、i、label、img、input、select、textarea、button、abbr、cite、code、big、small、sub和sup等。块级元素有div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、menu和pre等等。

CSS行内元素和块级元素的常见示例:让你对它们有更深入的了解 CSS行内元素和块级元素的常见示例:让你对它们有更深入的了解 Dec 23, 2023 am 11:58 AM

CSS行内元素和块级元素的常见示例:让你对它们有更深入的了解,需要具体代码示例引言:在CSS中,行内元素和块级元素是我们常常遇到的两种元素类型。对于网页布局和样式设计来说,理解行内元素和块级元素的区别和使用方法非常重要。本文将以具体的代码示例介绍CSS中的行内元素和块级元素,帮助读者更加深入地理解它们的特性和用法。一、行内元素行内元素(inlineelem

如何正确使用块级元素和行内元素实现网页布局效果 如何正确使用块级元素和行内元素实现网页布局效果 Jan 07, 2024 am 08:10 AM

如何正确使用块级元素和行内元素实现网页布局效果在进行网页布局时,我们常常会用到块级元素和行内元素。块级元素和行内元素是HTML中两种基本的元素类型,它们在网页布局中起到了不同的作用。本文将详细介绍如何正确使用块级元素和行内元素来实现网页布局效果,并提供具体的代码示例。一、块级元素的特点及应用场景块级元素具有以下特点:每个块级元素会独占一行,即自动换行。块级元

See all articles