Was sind die HTML-Attribute?

王林
Freigeben: 2023-05-15 17:57:08
Original
2173 Leute haben es durchsucht

HTML ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird. In HTML sind Attribute Merkmale eines Elements, die sein Verhalten definieren. Attribute können die Farbe, Größe, Linkziel usw. des Elements festlegen. In diesem Artikel stellen wir einige häufig verwendete Attribute in HTML vor.

  1. Klassenattribut

Klassenattribut wird verwendet, um die Kategorie anzugeben, zu der das Element gehört. Kategorien können aus einem oder mehreren Wörtern bestehen, die durch Leerzeichen getrennt sind. Kategorien können Bezeichner für CSS-Stileinstellungen bereitstellen, sodass der Stil von Elementen global einheitlich gesteuert werden kann.

Zum Beispiel:

<div class="container">
    <p class="paragraph">这是一个段落。</p>
</div>
Nach dem Login kopieren

Im obigen Beispiel haben sowohl das div-Element als auch das p-Element ein Klassenattribut. Das Klassenattribut des div-Elements ist „container“ und das Klassenattribut des p-Elements ist „paragraph“.

  1. ID-Attribut

Das ID-Attribut wird verwendet, um die eindeutige Kennung des Elements anzugeben. Das id-Attribut kann als Hyperlink-Anker innerhalb des Dokuments oder als positioniertes Element im JavaScript-Code verwendet werden.

Zum Beispiel:

<div id="header">
    <h1>网站标题</h1>
</div>
Nach dem Login kopieren

Im obigen Beispiel ist das id-Attribut des div-Elements „header“.

  1. style-Attribut

Das style-Attribut wird verwendet, um CSS-Stile für Elemente zu definieren. Der Wert des style-Attributs ist ein CSS-Stil und kann mehrere CSS-Eigenschaften und -Werte enthalten.

Zum Beispiel:

<p style="color:red;font-size:20px;">这是一个段落。</p>
Nach dem Login kopieren

Im obigen Beispiel lautet das Stilattribut des p-Elements „color:red;font-size:20px;“.

  1. href-Attribut

href-Attribut wird verwendet, um die Zieladresse des Hyperlinks anzugeben. Das href-Attribut kann ein absoluter Pfad oder ein relativer Pfad sein.

Zum Beispiel:

<a href="http://www.example.com">这是一个链接</a>
Nach dem Login kopieren

Im obigen Beispiel ist das href-Attribut des a-Elements „http://www.example.com“.

  1. src-Attribut

src-Attribut wird verwendet, um die Adresse von Mediendateien wie Bildern, Audio oder Videos anzugeben.

Zum Beispiel:

<img src="image.jpg">
Nach dem Login kopieren

Im obigen Beispiel ist das src-Attribut des img-Elements „image.jpg“.

  1. alt-Attribut

alt-Attribut wird verwendet, um alternativen Text für Bildelemente bereitzustellen. Wenn das Bild nicht geladen werden kann, wird der Wert des Alt-Attributs auf der Seite angezeigt.

Zum Beispiel:

<img src="image.jpg" alt="这是一张图片">
Nach dem Login kopieren

Im obigen Beispiel lautet das Alt-Attribut des img-Elements „Dies ist ein Bild“.

  1. Titelattribut

Das Titelattribut wird verwendet, um dem Element zusätzliche Informationen bereitzustellen. Der Wert des Titelattributs wird im Browser angezeigt, wenn die Maus über das Element bewegt wird.

Zum Beispiel:

<a href="http://www.example.com" title="这是一个链接">这是一个链接</a>
Nach dem Login kopieren

Im obigen Beispiel lautet das Titelattribut des a-Elements „Dies ist ein Link“.

  1. Zielattribut

Zielattribut wird verwendet, um anzugeben, wie ein Hyperlink die Seite öffnet. Das Zielattribut kann _blank (in neuem Fenster öffnen), _self (im aktuellen Fenster öffnen) usw. sein.

Zum Beispiel:

<a href="http://www.example.com" target="_blank">这是一个链接</a>
Nach dem Login kopieren

Im obigen Beispiel ist das Zielattribut des a-Elements „_blank“.

Zusammenfassung

In HTML sind Attribute Merkmale eines Elements, die sein Verhalten definieren. Zu den häufig verwendeten HTML-Attributen gehören Klasse, ID, Stil, href, src, alt, Titel, Ziel usw. Wenn wir diese Eigenschaften beherrschen, können wir Webseiten besser erstellen.

Das obige ist der detaillierte Inhalt vonWas sind die HTML-Attribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage