1. Lassen Sie uns zunächst zusammenfassen, was Inline-Elemente und Block-Level-Elemente sind: Inline-Elemente: -Tags können Anker definieren. eine Abkürzungsform Definieren Sie nur die Abkürzung ZeilenumbruchZu definierendes ZitatDefinieren Sie ComputercodetextFür Hervorhebungsinhalt definierenKursiver TexteffektEin Bild in eine Webseite einbettenEingabefeldTastaturtext definieren definiert die Kurzreferenz Text erstellt eine Einzel- oder Mehrfachauswahl. Wählen Sie ein Menü aus.zeigt einen kleinen Schrifteffekt.kombiniert Inline-Elemente im Dokument.betont den Inhalt mit Stärkerer TonHochgestellten Text definierenHochgestellten Text definierenMehrzeilige Texteingabesteuerung<br><tt>Schreibmaschinen- oder Texteffekt mit fester Breite<br><var>Variablen definieren<br><br>Elemente auf Blockebene: <br><br><address> Adresse definieren</p><caption> Tabellentitel definieren<p><dd> in list</p><div> Definieren Sie einen Abschnitt oder Abschnitt in einem Dokument <p><dl> Definieren Sie eine Liste <br><dt> Definieren Sie ein Frameset <br><form> Erstellen Sie ein HTML-Formular<br><h1>Definieren Sie den größten Titel<br><h2>Definieren Sie Untertitel<br><h3>Definieren Sie Titel<br><h4>Definieren Sie Titel<br><h5>Titel definieren<br>< ;h6>Mindesttitel definieren<br><hr>Horizontale Linie erstellen<br><legend>Element ist <br><fieldset>Element definiert Titel<br> <li>Label definiert Listenelement<br> <noframes>Anzeigetext für Browser, die keine Frames unterstützen, innerhalb des Frameset-Elements<br><noscript>Definiert alternativen Inhalt, wenn das Skript nicht ausgeführt wird<ol>Definiert einen geordnete Liste<br><ul> ;Ungeordnete Liste definieren<br/><p>Tag-Definitionsabsatz<br><pre>Vorformatierten Text definieren<br><table>Tag-Definitions-HTML-Tabelle<br>< tbody>Tag-Tabellenkörper (Text)<br><td>Standardzellen in Tabellen<br><tfoot>Definieren Sie die Fußzeile der Tabelle (Fußnoten oder Tabellennotizen)<br><th>Definieren Sie Kopfzeilenzellen<br>< thead> Tag definiert den Header der Tabelle <br><tr> definiert die Zeilen in der Tabelle <br><br> 2. Schauen wir uns dann den Unterschied zwischen Inline-Elementen und Block-Level-Elementen an: <br><br>1. Der intuitive Unterschied zwischen Inline-Elementen und Elementen auf Blockebene<br></p>Inline-Elemente werden in einer geraden Linie angeordnet, alle auf derselben Linie, horizontal angeordnet<p></p>Block -Level-Elemente belegen jeweils eine Zeile und sind vertikal angeordnet. Elemente auf Blockebene beginnen in einer neuen Zeile und enden mit einem Zeilenumbruch. <p></p>2. Elemente auf Blockebene können Inline-Elemente und Elemente auf Blockebene enthalten. Inline-Elemente können keine Elemente auf Blockebene enthalten. <p></p>3. Der Unterschied zwischen den Attributen von Inline-Elementen und Elementen auf Blockebene ist hauptsächlich auf die Attribute des Boxmodells zurückzuführen. <p></p>Die Breiteneinstellung von Inline-Elementen ist ungültig, die Höhe ist ungültig (Zeile). -Höhe kann eingestellt werden) und der obere und untere Rand sind ungültig. <p></p> 3. Konvertierung von Inline-Elementen und Blockebenenelementen: <p></p>Blockebene konvertieren Elemente in Inline-Elemente: display:inline;<p></p>Inline-Elemente in Elemente auf Blockebene konvertieren: display:block;<p></p>Inline-Blockelemente: display:inline-block;<p></p>
