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:

  • id
  • title
  • class
  • style

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

Some text...

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.

  • dir
  • lang
  • xml:lang

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:

wertBedeutung
ltr links nach rechts (der Standard wert)
rtlrechts 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.

Advertisements