Summary of block-level elements, inline elements, and variable elements

Summary of block-level elements, inline elements, and variable elements
Block element

p - paragraph

pre - format text

table

ol - Sorting Form

ul - unordered list

address

blockquote - Blockquote

center - center-aligns the block

div - commonly used block level

dl - Definition List

fieldset - form control group

form - interactive form

h1 - Large title

h2 - Subtitle

h3 - Level 3 heading

h4 - Level 4 heading

h5 - Level 5 heading

h6 - Level 6 heading

hr - horizontal separator line

isindex - input prompt

noframes - frames optional content

noscript - optional script content

Inline element

li - list item

a - anchor point

abbr - abbreviation

acronym - first letter

b - bold (not recommended)

BDO - Bidi Override

big - large font

br - Line break

cite - citation

code - computer code

dfn - defines a field

em - emphasis

font - font settings

i - italic

img - picture

input

kbd - Define keyboard text

label - table label

q - short quote

s - hyphen

samp - define sample computer code

select - item selection

small - small font text

span - commonly used inline container, defines the text block

strike - a dash

strong - bold emphasis

sub - subscript

sup—superscript

textarea - multi-line text input box

tt - Teletext

u - underscore

var - define a variable

Variable elements

A variable element is a block element or an inline element, depending on the context.

java applet

button

del - delete text

iframe - inline frame

ins - inserted text

map - image block (map)

object - object

script - Client-side script

<<:  Detailed explanation of vue page state persistence

>>:  Detailed explanation of the six common constraint types in MySQL

Recommend

Common JavaScript memory errors and solutions

Table of contents 1. Timer monitoring 2. Event mo...

Analysis of Linux kernel scheduler source code initialization

Table of contents 1. Introduction 2. Basic Concep...

A set of code based on Vue-cli supports multiple projects

Table of contents Application Scenario Ideas Proj...

mysql solves time zone related problems

Preface: When using MySQL, you may encounter time...

Detailed explanation of four solutions to floating problems in CSS layout

1. Cause: The effect after the subbox is set to f...

js object-oriented method to achieve drag effect

This article shares the specific code for impleme...

Directory permissions when creating a container with Docker

When I was writing a project yesterday, I needed ...

How to prevent computer slowdown when WIN10 has multiple databases installed

Enable the service when you need it, and disable ...

An example of how Vue implements four-level navigation and verification code

Effect: First create five vue interfaces 1.home.v...

Detailed explanation of CSS counter related attributes learning

The CSS counter attribute is supported by almost ...

JavaScript code to achieve a simple calendar effect

This article shares the specific code for JavaScr...

Detailed explanation of CSS3 text shadow text-shadow property

Text shadow text-shadow property effects: 1. Lowe...

React new version life cycle hook function and usage detailed explanation

Compared with the old life cycle Three hooks are ...

How to restore docker container data

The project test environment database data is los...