Block- und Inline-Elemente in HTML
In HTML gibt es vordefinierte Block- und Inline-Elemente
Block-Elemente in HTML: Ein Block Element startet immer eine neue Linie und nimmt die ganze Weite ein (links und rechts so weites es geht). Ein Block-Element kann jederzeit zu einem Inline-Element konvertiert werden und du folgst immer noch dem W3C-Standard.
Block-Elemente
| Blockelemente | <address> | <article> | <aside> | <blockquote> |
| <canvas> | <dd> | <div> | <dl> | |
| <dt> | <fieldset> | <figcaption> | <figure> | |
| <footer> | <form> | <h1>-<h6> | <header> | |
| <hr> | <li> | <main> | <nav> | |
| <noscript> | <p> | <pre> | <section> | |
| <table> | <tfoot> | <ul> | <video> | |
| <ol> |
Inline-Elemente in HTML: Ein Inline Element beginnt keine neue Linie und nimmt nur so viel Platz ein wie nötig (in der Breite). Ein Inline-Element kann jederzeit zu einem Block-Element konvertiert werden und du folgst immer noch dem W3C-Standard.
Inline-Elemente
| Inline-Elemente | <a> | <abbr> | <acronym> | <b> |
| <bdo> | <big> | <br> | <button> | |
| <cite> | <code> | <dfn> | <em> | |
| <i> | <img> | <input> | <kbd> | |
| <label> | <map> | <object> | <output> | |
| <q> | <samp> | <script> | <select> | |
| <small> | <span> | <strong> | <sub> | |
| <sup> | <textarea> | <time> | <tt> | |
| <var> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Page</title> |
| </head> |
| <body> |
| <p>Das ist ein Inline <span style="border: 1px solid black">Hello World</span> Element innerhalb eines Absatz.</p> |
| <p>Ein Inline Element beginnt keine neue Linie und nimmt nur so viel Platz ein wie nötig(in der Breite).</p> |
| <div style="border: 1px solid black">Hello World</div> |
| <p>Ein Block Element immer startet eine neue Linie und nimmt die ganze Weite ein (links und rechts so weites es geht).</p> |
| </body> |
| </html> |
Das ist ein Inline Hello World Element innerhalb eines Absatz.
Ein Inline Element beginnt keine neue Linie und nimmt nur so viel Platz ein wie nötig(in der Breite).
Ein Block Element immer startet eine neue Linie und nimmt die ganze Weite ein (links und rechts so weites es geht).
