|
1.1 Allgemeine Kennzeichnung
Ein allgemeines Tag besteht aus einem öffnenden und einem schließenden Tag. Seine Syntax lautet: <x>Kontrollierter Text</x>
Hier steht x für den Tag-Namen. <x> und </x> sind wie eine Reihe von Schaltern: Das Starttag <x> schaltet eine Funktion ein und das Endtag </x> (normalerweise das Starttag plus ein Schrägstrich /) schaltet die Funktion aus und die kontrollierten Textinformationen werden zwischen die beiden Tags eingefügt. Beispiel: <i>Dies ist kursiv</i>.
Um bestimmte Spezialeffekte oder Funktionen zu erzielen, können dem Tag auch einige Attribute hinzugefügt werden. Beispiel: <x a1="v1",a2="v2",...,an="vn">Kontrollierter Text</x>
Unter ihnen sind a1, a2, ..., an Attributnamen und v1, v2, ..., vn ihre entsprechenden Attributwerte. Die Attributwerte können in Anführungszeichen gesetzt werden oder nicht, was für alle derzeit verwendeten Browser akzeptabel ist. Gemäß dem neuen W3C-Standard müssen Attributwerte jedoch in Anführungszeichen gesetzt werden, daher ist es am besten, sich die Verwendung von Anführungszeichen anzugewöhnen.
1.2 Leere Tags <br />Obwohl die meisten Tags paarweise auftreten, existieren einige allein. Diese einzeln vorhandenen Tags werden als leere Tags bezeichnet. Die Formel lautet: <x>
Ebenso können leere Tags mit einigen Attributen versehen werden, um bestimmte Spezialeffekte oder Funktionen zu erzielen. Wie: <x a1="v1",a2="v2",...,an="vn">, zum Beispiel: <hr>,<br>, usw.
Der neue Standard des W3C (XHTML1.0/HTML4.0) empfiehlt, dass leere Tags mit / enden, also: <X />
Werden zusätzliche Attribute verwendet, dann gilt: <x a1="v1",a2="v2",...,an="vn" />
Derzeit verwendete Browser haben keine strengen Anforderungen, ob / nach einem leeren Tag hinzugefügt werden soll. Das heißt, das Hinzufügen oder Nicht-Hinzufügen von / am Ende eines leeren Tags hat keinen Einfluss auf dessen Funktionalität. Wenn Ihre Datei jedoch den neuesten Standards entsprechen soll, fügen Sie am besten / hinzu.
2. Klassifizierung von HTML-Tags 2.1 Dokumentstruktur-Tags
Der Zweck dieser Art von Markup besteht darin, die Struktur der Datei anzugeben. Die wichtigsten sind:
<html>...</html>: markiert den Anfang und das Ende der HTML-Datei.
<head>...</head>: kennzeichnet den Dateititelbereich.
<body>...</body>: gibt den Hauptteil der Datei an 2.2 Blockformatierungs-Tags
Der Hauptzweck dieser Art von Tag besteht darin, einen bestimmten Textabschnitt in einer HTML-Datei in einem bestimmten Format anzuzeigen, um die Lesbarkeit der Datei zu verbessern. Die wichtigsten sind:
<title>...</title>: Der Titel der Datei.
<hi>...</hi>:i=1,2,...,6,Titel der Webseite.
<hr>: Erzeugt eine horizontale Linie.
<br>: Zeilenumbruch erzwingen.
<p>...</p>: Dokumentabsatz.
<pre>...</pre>: Im Originalformat anzeigen.
<address>...</address>: Markieren Sie den Namen, die Telefonnummer, die Adresse und weitere Informationen der Kontaktperson.
<blockquote>...</blockquote>: Anführungszeichen für Abschnitte.
2.3 Zeichenformatierungs-Tags
Wird verwendet, um das Erscheinungsbild des HTML-Dateitextes zu ändern und die Schönheit der Datei zu steigern. Die wichtigsten sind:
<b>...</b>: Fettgedruckter Text.
<i>...</i>: Kursiver Text.
<tt>...</tt>: Geben Sie die Schriftart ein.
<font>...</font>: Ändern Sie die Schrifteinstellungen.
<center>...</center>: Zentriert.
<blink>...</blink>: Der Text blinkt.
<big>...</big>: Schriftgröße vergrößern.
<small>...</small>: Verkleinern Sie die Schriftgröße.
<cite>...</cite>: Referenz.
2.4 Listen-Tags
<ul>...</ul>: Unnummerierte Liste.
<ol>...</ol: Eine nummerierte Liste.
<li>...</li>: Listenelement.
<dl>...</dl>: Definitionsliste.
<dd>...</dd>: Definieren Sie das Projekt.
<dt>...</dt>: Definieren Sie das Projekt.
<dir>...</dir>: Verzeichnisliste.
<menu>...</menu>: Liste im Menüstil.
2.5 Anker-Tag
Man kann sagen, dass Links das Lebenselixier von HTML-Hypertextdateien sind. HTML verwendet Link-Tags, um Bilder, Texte, Videos, Audiodateien und andere Informationen zu integrieren, die überall auf der Welt verstreut sind. Der Hauptzweck dieser Art von Markierung besteht darin, Hypertext-Links (Hypertext-Links) zu kennzeichnen. Dazu gehören hauptsächlich:
<a>...</a>: Erstellen Sie einen Hyperlink.
2.6 Multimedia-Tag
Dieser Tag-Typ wird zum Anzeigen von Bilddaten verwendet. Die wichtigsten sind:
<img>: eingebettetes Bild.
<embed>: Multimedia-Objekte einbetten.
<bgsound>: Hintergrundmusik.
2.7 Tabellen-Tags
Diese Art der Markierung wird zum Erstellen einer Tabelle verwendet. Die wichtigsten sind:
<table>...</table>: definiert den Tabellenabschnitt.
<caption>...</caption>: Tabellentitel.
<th>...</th>: Tabellenüberschrift.
<tr>...</tr>: Tabellenspalten.
<td>...</td>: Tabellenzelle.
2.8 Formular-Tags
Dieser Tag-Typ wird zum Erstellen interaktiver Formulare verwendet. Die wichtigsten sind:
<Form>...</form>: Gibt den Anfang und das Ende des Formularabschnitts an.
<input>: generiert ein einzeiliges Textfeld, Optionsfeld, Kontrollkästchen usw.
<textarea>...</textarea>: Generiert ein mehrzeiliges Eingabetextfeld.
<select>...</select>: markiert den Anfang und das Ende der Dropdown-Liste.
<option>...</option>: Erzeugt ein Auswahlelement in der Dropdown-Liste.
Bei HTML-Tags muss die Groß-/Kleinschreibung nicht beachtet werden, d. h. <BODY> und <body> sind dasselbe. Im Folgenden finden Sie eine Einführung in diese Tags.
3. Dateistruktur-Tag <br />Die Struktur einer HTML-Datei kann grundsätzlich in zwei Teile unterteilt werden, ein Teil wird als Titelbereich (Head Section) bezeichnet; der andere Teil wird als Textbereich (Body Section) bezeichnet. Dokumentstruktur-Tags werden verwendet, um anzugeben, wo der Titel und wo der Textkörper hingehört.
3.1<html>: Markiert das gesamte Dokument <br />Zweck: Markiert die gesamte HTML-Datei. Beschreibung: Eine Standard-HTML-Datei ist eine Datei, die mit <html> beginnt und mit </html> endet. Im Augenblick:
<html>
... html-Datei Volltext</html>
3.2<head>: kennzeichnet den Dateititelbereich <br />Beschreibung: In der HTML-Datei wird der von <head> und </head> umschlossene Bereich als Dateititelbereich bezeichnet. Normalerweise ist der Kopfabschnitt im HTML-Abschnitt enthalten, das heißt:
<html>
<Kopf>
......HTML-Dateititelbereich</head>
.....
</html>
3.3<title>: Webseitentitel <title>.....</title> ist das wichtigste und am häufigsten verwendete Tag im Titelbereich von HTML-Dateien. Andere Tags im Titelbereich sind <base>, <isindex>, <link>, <nextid>, <meta> usw.
Der Zweck des <title>-Tags besteht darin, den Titel der Webseite festzulegen. Dieser Titel wird in der Titelleiste des Browserfensters angezeigt und erscheint nicht im Text der Browserseite. Die Funktionen „Favoriten“, „Lesezeichen“ oder „Verlaufsliste“ der meisten Browser sind nach dem Titel dieser Datei benannt.
Für den mit <title>...</title> gekennzeichneten Text gibt es keine Längenbeschränkung, allerdings wird ein zu langer Titel unter Umständen abgeschnitten und ist schwer zu merken.
3.4<body>: kennzeichnet den Hauptteil der Datei <br />Beschreibung: In einer HTML-Datei wird der von <body>...</body> umschlossene Bereich als Hauptteil der Datei bezeichnet, der sich normalerweise nach dem Abschnitt <head> befindet.
3.5 Attribute des <body>-Tags
Hintergrundattribute:
Diese Eigenschaft kann eine Grafikdatei (normalerweise GIF oder JPEG) als Hintergrundmuster angeben. Die Grafik wird kachelartig angeordnet und bildet so die Grundkarte der gesamten Webseite.
|
