Verständnis von Block-, Inline- und Inline-Block-Elementen
Elemente in HTML können je nach Verhalten als Inline- oder Block-Elemente klassifiziert werden.
- Inline-Elemente bleiben in derselben Zeile wie andere Elemente und nehmen nur so viel Breite ein, wie benötigt wird. Beispiele:
<a>,<span>,<img>,<input>; - Block-Elemente beginnen in einer neuen Zeile und nehmen die gesamte Breite ihres Containers ein. Beispiele:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Block-Elemente
Block-Elemente nehmen die gesamte Breite ihres Containers ein und beginnen immer in einer neuen Zeile. Sie können mit CSS-Eigenschaften wie width, height, margin, padding und border gestaltet werden. Häufige Beispiele für Block-Elemente sind <div>, <p>, <ul> und <li>.
index.html
index.css
Inline-Elemente
Inline-Elemente bleiben in derselben Zeile wie andere Elemente und beanspruchen nur die Breite, die für ihren Inhalt erforderlich ist. Im Gegensatz zu Block-Elementen können Inline-Elementen keine Werte für width, height, margin oder padding zugewiesen werden, aber border kann weiterhin angewendet werden. Beispiele für Inline-Elemente sind <a>, <span>, <img> und <input>.
index.html
index.css
Inline-Block-Elemente
Inline-Block-Elemente beginnen nicht in einer neuen Zeile, kombinieren jedoch die stilistische Flexibilität von Block-Elementen. Sie können mit CSS-Eigenschaften wie width, height, margin, padding und border angepasst werden. Beispiele für Inline-Block-Elemente sind <button>, <select> und <textarea>.
index.html
index.css
1. Was ist der Hauptunterschied zwischen Block- und Inline-Elementen?
2. Welches der folgenden ist ein Beispiel für ein Block-Element?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.56Verständnis von Block-, Inline- und Inline-Block-Elementen
Swipe um das Menü anzuzeigen
Elemente in HTML können je nach Verhalten als Inline- oder Block-Elemente klassifiziert werden.
- Inline-Elemente bleiben in derselben Zeile wie andere Elemente und nehmen nur so viel Breite ein, wie benötigt wird. Beispiele:
<a>,<span>,<img>,<input>; - Block-Elemente beginnen in einer neuen Zeile und nehmen die gesamte Breite ihres Containers ein. Beispiele:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Block-Elemente
Block-Elemente nehmen die gesamte Breite ihres Containers ein und beginnen immer in einer neuen Zeile. Sie können mit CSS-Eigenschaften wie width, height, margin, padding und border gestaltet werden. Häufige Beispiele für Block-Elemente sind <div>, <p>, <ul> und <li>.
index.html
index.css
Inline-Elemente
Inline-Elemente bleiben in derselben Zeile wie andere Elemente und beanspruchen nur die Breite, die für ihren Inhalt erforderlich ist. Im Gegensatz zu Block-Elementen können Inline-Elementen keine Werte für width, height, margin oder padding zugewiesen werden, aber border kann weiterhin angewendet werden. Beispiele für Inline-Elemente sind <a>, <span>, <img> und <input>.
index.html
index.css
Inline-Block-Elemente
Inline-Block-Elemente beginnen nicht in einer neuen Zeile, kombinieren jedoch die stilistische Flexibilität von Block-Elementen. Sie können mit CSS-Eigenschaften wie width, height, margin, padding und border angepasst werden. Beispiele für Inline-Block-Elemente sind <button>, <select> und <textarea>.
index.html
index.css
1. Was ist der Hauptunterschied zwischen Block- und Inline-Elementen?
2. Welches der folgenden ist ein Beispiel für ein Block-Element?
Danke für Ihr Feedback!
