HTML Attribut
Wir haben gesehen einige HTML-Tags und deren Nutzungs wie Überschriften-Tags <h1>, <h2>, Absatz-Tag <p> und andere Tags. Wir Gebrauchte sie bisher in ihrer einfachsten Form, aber die meisten der HTML-Tags können auch haben Attribute, welche sind zusätzlichen Bits von Informationen sind .
Ein Attribut wird verwendet, um die Eigenschaften eines HTML-Elements definieren und innerhalb Start-tag des Elements angeordnet ist. Alle Attribute werden gemacht aus zwei Teilen: ein name und ein wert:
Die name ist die Eigenschaft, die Sie festlegen möchten. Zum Beispiel die Absatz <p> Element im Beispiel trägt ein Attribut dessen Name align, welche Sie verwenden können, um die Ausrichtung des Absatzes auf der Seite anzuzeigen.
Die wert ist, was Sie wollen, dass der Wert der Immobilie festgelegt werden und immer innerhalb von Zitaten setzen. Das folgende Beispiel zeigt drei mögliche Werte von Attribut align:. links, Mitte und rechts.
Attributnamen und Attributwerte sind Groß-und Klein. Doch das World Wide Web Consortium (W3C) empfiehlt Kleinbuchstaben Attribute / Attributwerte in ihre HTML 4-Empfehlung.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Align Attribute Example</title>
</head>
<body>
<p align="left">Dies wird links ausgerichtet</p>
<p align="center">Dies wird Mitte ausgerichtet</p>
<p align="right">Dies wird rechts ausgerichtet</p>
</body>
</html>
Dies wird folgendes Ergebnis angezeigt:
Dies wird links ausgerichtet
Dies wird Mitte ausgerichtet
Dies wird rechts ausgerichtet
Kern Attribute
Die vier Kern Attribute, die auf den meisten HTML-Elemente verwendet werden können (wenn auch nicht alle) sind:
Das id Attribut
das id Attribut eines HTML-Tag verwendet werden, um jedes Element innerhalb einer HTML-Seite eindeutig zu identifizieren. Es gibt zwei Hauptgründe, die Sie vielleicht auf ein id-Attribut auf ein Element zu verwenden:
Wenn ein Element trägt ein id-Attribut als eindeutige Kennung ist es möglich, genau das Element und dessen Inhalt identifizieren
Wenn Sie zwei Elemente mit dem gleichen Namen innerhalb einer Web-Seite (oder Stylesheet) haben, können Sie die ID verwenden
attribute, zwischen den Elementen, die den gleichen Namen haben, zu unterscheiden.
Wir werden diskutieren, Stylesheet in separaten Tutorial. Denn jetzt lassen Sie uns das id-Attribut, um zwischen zwei Absatzelemente unterscheiden, wie unten dargestellt.
Beispiel
<p id="html">Dieser para erklärt, was ist HTML</p>
<p id="css">Dieser para erklärt, was Cascading Style Sheet</p>
Der Titel Attribut
Das title Attribut gibt einen vorgeschlagenen Titel für das Element. Sie Syntax für die title Attribut ist ähnlich wie für erklärtid attribute:
Das Verhalten dieses Attribut auf das Element, das sie trägt abhängen, obwohl sie oft als Tooltip angezeigt, wenn der Cursor über das Element kommt, oder während das Element geladen wird.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>The title Attribute Example</title>
</head>
<body>
<h3 title="Hello HTML!">Titled Heading Tag Example</h3>
</body>
</html>
Diese produzieren folgendes Ergebnis:
Titled Heading Tag Example
Versuchen Sie nun, den Cursor über "Betitelt Heading Tag Beispiel" zu bringen und Sie werden sehen, dass was auch immer Titel, den Sie in Ihrem Code verwendet wird herauskommen als Tooltip des Cursors.
Die Klasse Attribut
Die Klasse Attribut wird verwendet, um ein Element mit einem Stylesheet zu verknüpfen, und die Klasse des Elements angibt. Sie erfahren mehr über die Verwendung der Klasse Attribut, wenn Sie Cascading Style Sheet (CSS) zu lernen. So jetzt können Sie es vermeiden.
Der Wert des Attributs kann auch eine durch Leerzeichen getrennte Liste von Klassennamen sein. Zum Beispiel:
class="className1 className2 className3"
Das Attribut style
Das style-Attribut können Sie Casecading Style Sheet (CSS) innerhalb des Elements angeben Regeln.
<!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style="font-family:arial; color:#FF0000;">Some text...</p>
</body>
</html>
Diese produzieren wird folgendes Ergebnis
An diesem Punkt der Zeit, wir sind nicht lernen CSS , so dass nur die vorgehen ohne behelligen viel über CSS . Hier müssen Sie verstehen, was sind HTML-Attribute und wie sie verwendet werden können, während der Formatierung Inhalt.
Internationalisierung Attribute
Es gibt drei Internationalisierung Attribute, die für die meisten zur Verfügung stehen (auch wenn nicht alle) XHTML-Elemente.
Das dir Attribut
Das dir -Attribut ermöglicht Ihnen, zeigen an den Browser die Richtung, in die der Text fließen sollten . Die dir-Attribut kann einen von zwei Werten zu nehmen, wie Sie in der folgenden Tabelle entnehmen können:
| wert | Bedeutung |
|---|
| ltr | links nach rechts (der Standard wert) |
| rtl | rechts nach links (für Sprachen wie Hebräisch oder Arabisch, die von rechts nach links gelesen werden) |
Beispiel
<!DOCTYPE html>
<html dir="rtl">
<head>
<title>Display Directions</title>
</head>
<body>
This is how IE 5 renders right-to-left directed text.
</body>
</html>
Dies wird folgendes Ergebnis angezeigt:
So macht IE 5 von rechts nach links gerichtet Text.
Wenn dir -Attribut wird verwendet in der<html> tag, bestimmt sie,wie Text innerhalb des gesamten Dokuments vorgelegt werden. wenn in einem anderen Tag verwendet, es steuert sie Richtung des Textes nur für den Inhalt des Tags verwendet.
Das lang-Attribut
Das lang -Attribut ermöglicht Ihnen, die Hauptsprache in einem Dokument verwendeten zeigen, aber dieses Attribut in HTML nur für die Abwärtskompatibilität mit früheren Versionen von HTML gehalten. Dieses Attribut wurde von derxml:lang -Attribut in neue XHTML-Dokumente
Die Werte der lang -Attribut sind ISO-639-Standard Zwei-Zeichen-Sprachcodes. Überprüfen HTML-Sprachcodes. ISO 639 für eine vollständige Liste der Sprachcodes
Beispiel
<!DOCTYPE html>
<html lang="en">
<head>
<title>English Language Page</title>
</head>
<body>
This page is using English Language
</body>
</html>
Der xml:lang Attribute
Das xml:lang Attribut ist der Ersatz für die XHTML lang attribute. Der Wert des xml:lang -Attribut sollte ein ISO-639-Ländercode wie in vorherigen Abschnitt erwähnt sein
Generische Attribute
Hier ist eine Tabelle mit einigen anderen Attribute, die leicht verwendbar mit vielen der HTML-Tags sind.
| Attribut | Optionen | Funktion |
| align | rechts, links, Mitte | Horizontal richtet Tags |
| valign | oben, Mitte, unten | Vertikal richtet Tags innerhalb eines HTML-Elements. |
| bgcolor | numerisch, hexadezimal, RGB-Werte | Orte eine Hintergrundfarbe hinter einem Element |
| Hintergrund | URL | Orte ein Hintergrundbild hinter einem Element |
| id | Benutzerdefiniert | Namen ein Element für die Verwendung mit Cascading Style Sheets. |
| Klasse | Benutzerdefiniert | Klassifiziert ein Element für die Verwendung mit Cascading Style Sheets. |
| Breite | numerischer Wert | Gibt die Breite von Tabellen, Bildern oder Tabellenzellen. |
| Höhe | numerischer Wert | Gibt die Höhe des Tabellen, Bilder oder Tabellenzellen. |
| title | Benutzerdefiniert | "Pop-up"-Titel der Elemente. |
Wir werden verwandte Beispiele zu sehen, wie wir vorgehen, um andere HTML-Tags zu studieren. Für eine vollständige Liste der HTML-Tags und Attribute verwandten überprüfen Sie bitte Bezug auf HTML Tags List.
