In diesem Artikel lernen wir HTML-Attribute kennen und helfen Ihnen, HTML-Elemente zu unterscheiden.

Was ist HTML in der Post? Ich sagte, dass HTML im Wesentlichen XML ist, also besteht es aus zwei Hauptkomponenten, nämlich Tag-Namen ( tagname ) und Attributen ( attribute ). Für XML können Sie den Tag-Namen selbst definieren, aber für HTML müssen Sie den Tag-Namen aus der Liste der HTML-Elemente verwenden. Andernfalls versteht der Browser nicht, welches Tag Sie verwenden, um das richtige Format auszugeben.

Also, was ist das Attribut in HTML und was ist das HTML-Element , lassen Sie uns gleich herausfinden.

Was sind HTML-Elemente?

Das html-Element ist die Liste der HTML-Tags, die der Browser unterstützt, und es befindet sich auch in der Liste der HTML-Tags, die WWW angegeben hat.

Die Liste der HTML-Tags ist so umfangreich, dass es schwierig ist, Anweisungen aufzulisten und zu verwenden. Daher liste ich nur einige Karten auf, und in den nächsten Artikeln werde ich mehr vorstellen.

Visitenkarte:

Der Name des HTML-Tags muss in einer eigenen Liste stehen, zum Beispiel:

• html
• Karosserie
• Kopf
• Titel
• Meta
• h1
• h2
• h3
• h4
• h5
• h6
• p
• div
• Tisch
• Kinder
• td
• …

Ich kann sie nicht alle auflisten, aber ich werde sie in den nächsten Artikeln nach und nach behandeln.

Öffnende und schließende Tags

Jedes Tag hat ein öffnendes Tag ( opentag ) und ein schließendes Tag ( closetag ). Mit dem div -Tag würde ich zum Beispiel Folgendes schreiben:

 <div>Nội dung bên trong</div>

Schnellverschluss (Schnellverschluss)

Es gibt auch einige Tags, denen das schließende Tag fehlt, dieser Typ wird als Quick-Closetag bezeichnet, was bedeutet, dass er nur im öffnenden Tag existiert, wir werden Folgendes schreiben:

 <tagname/>

Beispiel : Input-, Meta- und Link-Tags

 <input /> <link /> <meta />

Karten in Karten verschachtelt

HTML-Tags werden ineinander verschachtelt, um ein solides Layout zu bilden, jetzt befindet sich das untergeordnete Tag vollständig innerhalb des übergeordneten Tags.

Beispiel :

 <div> <input type="text" classname="Class Name" value=""/> </div>

Beim Schreiben von HTML-Code dürfen Sie also das schließende Tag nicht vergessen , da die Schnittstelle auf diese Weise leicht beschädigt wird. Falls das schließende Tag fehlt, verwenden wir die Quick-Closetag- Syntax.

Attribute in HTML

Wir können uns jedes HTML-Tag als ein Objekt vorstellen. Jetzt hat das HTML-Objekt Attribute, um es zu beschreiben. Das input -Tag hat beispielsweise die folgenden Attribute:

• name : Wird verwendet, um den Namen zu deklarieren
• type : Wird verwendet, um die Kategorie festzulegen
• id : Wird verwendet, um den Schlüssel für die Karte zu benennen
• value : Wird verwendet, um den Wert für das Tag zu deklarieren

 <input type="text" name="inputname" id="inputid" value=""/>

Nach oben sehen Sie ein Textfeld, in das Sie Daten eingeben können.

Einfache und doppelte Anführungszeichen

Neulinge werden höchstwahrscheinlich auf diesen Fehler stoßen. Jedes Attribut im HTML hat die Struktur name="value" oder name='value' . Wenn Sie einfache Anführungszeichen ' um den Wert herum verwenden, darf der Wert von value keine einfachen Anführungszeichen enthalten. Wenn umgekehrt doppelte Anführungszeichen " werden, darf der Wert nicht in doppelten Anführungszeichen stehen.

 <input type="text" name="inputname" id="inputid" value="Hello 'freetuts.net'"/>

Wenn Sie also später Daten in der Datenbank in einer Backend-Sprache wie PHP oder JSP anzeigen möchten, müssen Sie diese Markierungen in ein anderes Format konvertieren.

Erweiterte Attribute

Jedes HTML-Tag akzeptiert nur bestimmte eigene Attribute. Aber wenn Sie ein anderes Attribut definieren möchten, ist das in Ordnung. Der Browser wird diese Attribute jedoch nicht verstehen, also wird er nichts tun. Daher werden wir normalerweise selbstdefinierte Eigenschaften mit Javascript kombinieren, um Probleme zu lösen. Das lernen wir in anderen Lektionen.

Zum Beispiel : Im Input-Tag gibt es kein classname Attribut, aber wir können es auch hinzufügen, aber es funktioniert nicht zur Laufzeit.

 <input type="text" classname="Class Name" value=""/>

Epilog

In diesem Artikel habe ich Ihnen also gezeigt, wie Sie HTML-Tags und ihre eigenen Attribute benennen. Diese Lektion ist noch nicht in die allgemeinen Karten eingegangen, daher ist sie noch etwas langweilig, aber Sie müssen die obigen Regeln verstehen, in den nächsten Lektionen werden Sie leicht zu lernen sein.