Heim Web-Frontend HTML-Tutorial Was sind die Inline-Elemente auf Blockebene in HTML?

Was sind die Inline-Elemente auf Blockebene in HTML?

Nov 17, 2021 am 10:51 AM
html

HTML-Inline-Elemente auf Blockebene sind: 1. „<button>“, definiert die Schaltfläche 2. „<input>“, definiert das Eingabefeld; ;select> ;"; 5. "<img>"; 6. "<td>"; 7. "<th>"; 8. "<object>" usw.

Was sind die Inline-Elemente auf Blockebene in HTML?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Inline-Block

Inline-Block-Level-Element, es hat die Eigenschaften sowohl von Block-Level-Elementen als auch von Inline-Elementen. Es kann die Elementbreite und -höhe frei festlegen oder mehrere in einer Zeile platzieren Inline-Elemente auf Blockebene. Beispiel: input und img sind Inline-Elemente auf Blockebene, mit denen Höhe und Breite sowie mehrere Elemente pro Zeile festgelegt werden können. Die spezifischen Funktionen sind wie folgt:

  • Höhe, Zeilenhöhe, Außenränder und Innenränder können alle gesteuert werden;

  • Die Standardbreite ist die Breite des eigenen Inhalts, sie belegt jedoch keine exklusive Zeile Es werden leere Lücken zwischen ihnen vorhanden sein. Legen Sie diese fest. Nur wenn die Schriftgröße der vorherigen Ebene 0 ist, wird die Lücke entfernt.

Was sind die Inline-Blockebenenelemente?

  • <button> : Definiert eine Schaltfläche <button> :定义一个按钮

  • <input>   :规定了用户可以在其中输入数据的输入字段。该元素在

    元素中使用,用来声明允许用户输入数据的 input 控件。

  • <textarea> :定义一个多行的文本输入控件。文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

  • <select> :创建下拉列表。

  • <img>:定义 HTML 页面中的图像

  • <td>:定义 HTML 表格中的标准单元格

  • <th>:定义 HTML 表格中表头单元

  • <object>

  • <input> : Gibt ein Eingabefeld an, in das der Benutzer Daten eingeben kann. Dieses Element wird innerhalb des -Elements verwendet, um ein Eingabesteuerelement zu deklarieren, das dem Benutzer die Eingabe von Daten ermöglicht.

<textarea>: Definieren Sie ein mehrzeiliges Texteingabesteuerelement. Ein Textbereich kann eine unbegrenzte Textmenge enthalten und die Standardschriftart für den Text ist eine Schriftart mit fester Breite (normalerweise Courier).

<select> : Erstellen Sie eine Dropdown-Liste. 🎜🎜🎜🎜<img>: Bilder in HTML-Seiten definieren 🎜🎜🎜🎜<td>: Standardzellen in HTML-Tabellen definieren 🎜🎜🎜🎜 <th>:《🎜HTML-Video-Tutorial🎜》🎜

Das obige ist der detaillierte Inhalt vonWas sind die Inline-Elemente auf Blockebene in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles