HTML - Beilegungen

  »   HTML  »   HTML Anleitung - Beilegungen

Die Beilegungen werden benutzt um Tags zu personalisieren. Was meine ich darunter? Irgendwie, irgendwann wollen Sie die Größe von einen Bild oder eine Tabelle ändern oder eine Schriftfarbe ändern.All dies ist mit Hilfe der Beilegungen möglich.

Die meisten Tags haben ihre eigenen Beilegungen. Wir werden darüber reden, wie wir in ihn im neuen Tag enthalten. Wir werden über eine Reihe von allgemeinen Merkmalen erfahren, die mit den meisten der Tags verwendet werden kann.

Merkmal werden zwischen den eckigen Klammern gesetzt (<>) von dem geöffneten Tag.

Die "Klasse" und "ID" Merkmale in HTML

TDiese beiden Merkmale sind meist die gleichen. Sie haben keine gerade Rolle in der Formatierung der Elemente, aber sie sind nützlich hinter der Szene mit Hilfe von CSS.Wir werden über ihre Rolle zum richtigen Zeitpunkt sprechen, wenn wir ihre Syntax und ihre Funktion in CSS studieren.

Die Idee ist, dass, wenn Sie eine Klasse von Tags für die spätere Verwendung mit Hilfe von CSS setzen möchten, können Sie nicht den Unterschied zwischen zwei identischen Tags, sondern mit verschiedenen Merkmalen machen. Werfen Sie einen Blick auf das nächste Beispiel :

html<p id="italicparagraph">Absatzart 1, kursiv </p>
<p id="boldparagraph">Absatzart 2, fettgedruckt </p>

HTML - Das "Name" Merkmal

"Name" ist ein bisschen anders als "ID" und "Klasse". Wenn Sie einem Element einen Namen geben, wird dieses zu einer Skriptvariablen für JavaScript, ASP und PHP. Etwas, das sehr häufig in Formulierungen und anderen interaktiven Textfeldern auftritt.

html<input type="text" Name="TextFeld" />

Demo

Dieses Merkmal hat keine Auswirkung auf die Anzeige des Textfeldes, auch wenn sie im Hintergrund sind, spielen sie eine sehr wichtige Rolle.

HTML - "Titel" Markmale

Dieses Merkmal wird selten verwendet . Er fügt jedem Element einen Titel (ein Pop-up) hinzu. Dieses Merkmale sollte nicht vergessen werden. Sie können fast alles, was Sie wollen. Die Visualisierung erscheint, wenn Sie mit der Maus für ein paar Sekunden über dem Inhalt stoppen müssen.

html<h2 title="I am a title attribute!!">Ein zufälliger Titel</h2>

Demo

Ein zufälliger Titel

Fahren Sie mit der Maus über den oberen Titel, so dass Sie den Zauber der "Titel" -Merkmale sehen.Dieses Merkmal wird Ihnen Ihre Website ein wenig Interaktion für diejenigen, die Sie besuchen machen. Übergehen Sie nicht dieses Detail.

HTML - "angleichen" Merkmale

Wenn Sie eine Reihe von Elementen Ihrer Seite anpassen möchten, steht Ihnen das Merkmal "angleichen" zur Verfügung.Sie können nach links, rechts oder die Mitte der Seite fast jedes Element ausrichten. Standardmäßig werden die Elemente nach links ausgerichtet und akzeptieren, wenn sie eine andere Ausrichtung festgelegt haben.

html<h2 align="center">Zentrierter Titel</h2>

Demo

Zentrierter Titel

Weitere Beispiele:

html<h2 align="left">Titel nach links ausgerichtet </h2>
<h2 align="center">Zentrierter Titel </h2>
<h2 align="right">Titel nach rechts ausgerichtet </h2>

Demo

Titel nach links ausgerichtet

Zentrierter Titel

Titel nach rechts ausgerichtet

Die Standardwerte für die Merkmale

Die meisten der Tags werden den Standardmerkmalen zugewiesen. Das bedeutet, wenn Sie kein anderes Mekrmale angeben, wird der Browser es für Sie tun. Beispielsweise wird sich ein Absatz nach links ausrichten, außer wenn Sie auf eine andere Weise angeben. Das gleiche ist mit einer Tabelle.Solange Sie üben, werden Sie viele weitere Dinge über die Standardwerte von einigen Tags verstehen.

Generische Merkmale

Sie müssen im Kopf behalten, dass Merkmale verwendet werden, um die Elemente einer Webseite zu entwerfen. Ich habe hier einige der häufigsten Merkmale die verwendet werden aufgelistet HTML :

MerkmaleEinstellungenFunktion
alignRechts, links, MitteHorizontale Ausgleichung
valignOben, Mitte, untenVertikale Ausgleichung
bgcolorNumerischen, hexadezimalen oder RGB-WertEin Hintergrund hinter einem Element.
backgroundURLEin Bild hinter einem Element.
idVom Benutzer definiertBenennt ein Element, das mit CSS verwendet wird.
classVom Benutzer definiertKlassifiziert ein Element, das mit CSS verwendet wird
widthNumerischer WertGibt die Breite eines Tabellen-, Bild- oder Tabellenfelds an.
heightNumerischer WertGibt die Höhe einer Tabelle an
titleVom Benutzer definiert"Pop-up" einen Titel für ein Element