Summary of block-level elements, inline elements and variable elements_HTML/Xhtml

Home

Web Front-end

HTML Tutorial

Summary of block-level elements, inline elements and variable elements_HTML/Xhtml_Web page production

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:37 PM

inline elementsblock-level elements

block element

p - paragraph

pre - formatted text

table - table

ol - sort form

ul - unsorted list

address - address

blockquote - block quote

center - center align block

div - Common block level

dl - definition list

fieldset - form control group

form - interactive form

h1 - headline

h2 - subtitle

h3 - level 3 title

h4 - level 4 title

h5 - level 5 title

h6 - level 6 title

hr - horizontal separator line

isindex - input prompt

noframes - frames optional content

noscript - optional script content

Inline element

li - list item

a - anchor

abbr - abbreviation

acronym - first word

b - bold (not recommended)

bdo - bidi override

big - big font

br - line break

cite - Reference

code - Computer code

dfn - Define field

em - Emphasis

font - Font setting

i - italic

img - image

input - input box

kbd - define keyboard text

label - table label

q - short Quote

s - underscore

samp - definition example computer code

select - item selection

small - small font text

span - commonly used inline container, defining blocks within text

strike - underline

strong - bold emphasis

sub - subscript

sup - superscript

textarea - multi-line text input box

tt - telex text

u - underline

var - define variables

Variable elements

A variable element is a block element or an inline element determined by the context.

applet - java applet

button - button

del - delete text

iframe - inline frame

ins - inserted text

map - image block (map)

object - object object

script - client script

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

行内元素和块级元素有哪些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、行内元素，不会独占一行，宽度和高度由内容决定，内外边距只影响元素自身的排列等等。

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

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

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

行内元素与块级元素的区别：深入理解HTML中的元素分类在HTML中，元素可以分为行内元素和块级元素两类。了解它们的区别对于正确掌握HTML的布局和样式是非常重要的。本文将深入理解行内元素和块级元素的特点，并提供具体的代码示例。行内元素行内元素是指在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等等。

HTML5行内元素和块级元素的简介与区别Dec 28, 2023 pm 02:57 PM

HTML5行内元素和块级元素简介及区别HTML5是一种用于创建网页结构的标记语言。在HTML5中，元素被分为两种类型：行内元素（inlineelements）和块级元素（blockelements）。行内元素简介：行内元素是指在文档流中显示为一行的元素。它们只占据自身内容的空间，并且不会破坏页面的整体布局。行内元素可以包含文本、其他行内元素或部分块级元素

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

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

See all articles