Heim > Web-Frontend > HTML-Tutorial > Die grundlegende HTML-Syntax ist praktisch für Freunde, die gerade erst begonnen haben, die Erstellung von HTML_HTML/Xhtml_Webseiten zu erlernen

Die grundlegende HTML-Syntax ist praktisch für Freunde, die gerade erst begonnen haben, die Erstellung von HTML_HTML/Xhtml_Webseiten zu erlernen

WBOY
Freigeben: 2016-05-16 16:41:03
Original
1325 Leute haben es durchsucht

1.1 Allgemeine Tags
Allgemeine Tags bestehen aus einem Eröffnungs-Tag (Opening Tag) und einem End-Tag (Ending Tag). Die Syntax lautet: Kontrollierter Text< ;/x>
Wobei x für den Tag-Namen steht. und sind wie eine Reihe von Schaltern: Das Start-Tag schaltet eine bestimmte Funktion ein und das End-Tag Schrägstrich /) zeigt die AUS-Funktion an und die gesteuerten Textinformationen werden zwischen den beiden Markierungen platziert. Zum Beispiel: Dies ist kursiv.
Einige Attribute können dem Tag auch hinzugefügt werden, um bestimmte Spezialeffekte oder Funktionen zu erzielen. Zum Beispiel: Kontrollierter Text
Wobei a1,a2,...,an ist Der Attributname und v1, v2, ..., vn sind die entsprechenden Attributwerte, die von allen derzeit verwendeten Browsern mit oder ohne Anführungszeichen akzeptiert werden Wert ist Anführungszeichen sind erforderlich, daher ist es am besten, sich das Hinzufügen von Anführungszeichen zur Gewohnheit zu machen.
 1.2 Leere Tags
Obwohl die meisten Tags paarweise erscheinen, existieren einige einzeln. Diese allein existierenden Tags werden als leere Tags bezeichnet. Seine AND-Methode lautet:
Ebenso können leere Tags auch mit einigen Attributen (Attribut) verknüpft werden, um bestimmte Spezialeffekte oder Funktionen abzuschließen. Zum Beispiel: , zum Beispiel:


,
usw.
Der neue vom W3C definierte Standard (XHTML1.0/HTML4.0) empfiehlt, dass leere Tags mit / enden sollten, also:
Wenn zusätzliche Attribute sind:
Die derzeit verwendeten Browser stellen keine strengen Anforderungen an das Hinzufügen von / nach dem leeren Tag, also am Ende von das leere Tag, / und Ohne das Hinzufügen von / wird seine Funktion nicht beeinträchtigt. Wenn Sie jedoch möchten, dass Ihre Datei den neuesten Standards entspricht, fügen Sie am besten / hinzu.

 2. HTML-Tag-Klassifizierung
 2.1 Dokumentstruktur-Tags (Dokumentstruktur-Tags)
Der Zweck solcher Tags besteht darin, die Dateistruktur zu markieren , die wichtigsten sind:
 ...: Markiert den Anfang und das Ende der HTML-Datei.
 ...: Markiert den Dateititelbereich.
 ...: Markiert den Hauptkörperbereich der Datei
 2.2 Blockformatierungs-Tags (Blockformatierungs-Tags)
Der Hauptzweck Einer dieser Tags besteht darin, einen bestimmten Textabschnitt in einer HTML-Datei in einem bestimmten Format anzuzeigen, um die Sichtbarkeit der Datei zu erhöhen. Die wichtigsten sind:
...: Dateititel.
 ...:i=1,2,...,6, Webseitentitel.
 
: Horizontale Linien erzeugen.
 
: Erzwungener Zeilenumbruch.
 

...

: Dokumentabsatz.
 
...
: Anzeige im Originalformat.
 
...
: Markieren Sie den Namen, die Telefonnummer, die Adresse und andere Informationen der Kontaktperson.
 
...
: Anführungszeichen des Abschnitts.
 2.3 Zeichenformatierungs-Tags
  Wird verwendet, um das Erscheinungsbild des HTML-Dateitexts zu ändern und die Schönheit der Datei zu erhöhen. Die wichtigsten sind:
 ...: Fetter Text.
 ...: Kursivschrift.
 ...: Schriftart eingeben.
 ...: Schriftarteinstellungen ändern.
 
...
: Zentrierte Ausrichtung.
 ...: Text blinkt.
 ...: Erhöhen Sie die Schriftgröße.
 ...: Reduzieren Sie die Schriftgröße.
 ...: Referenz.
 2.4 Listen-Tags
 
    ...
: Nicht nummerierte Liste.
 
    ... 
  1. ...
  2. : Elemente auflisten.
     
    ...
    : Liste der Definitionen.
     
    ...
    : Definieren Sie das Projekt.
     
    ...
    : Definieren Sie das Projekt.
     ...: Verzeichnisliste.
     ...: Menüliste.
     2.5 Link-Tag (Anker-Tag)
    Man kann sagen, dass Links das Lebenselixier von HTML-Hypertextdateien sind. HTML verwendet Link-Tags, um Bilder, Text, Video, Audio und andere auf der ganzen Welt verstreute Informationen zu integrieren. Der Hauptzweck solcher Tags besteht darin, Hypertext-Links (Hypertext-Links) zu markieren, hauptsächlich einschließlich:
    ...: Erstellen eines Hyperlinks.
     2.6 Multimedia-Tag
      Diese Art von Tag wird zur Anzeige von Bilddaten verwendet. Enthält hauptsächlich:
    : eingebettetes Bild.
     : Multimedia-Objekte einbetten.
     : Hintergrundmusik.
     2.7 Tabellen-Tags
      Solche Tags werden zum Erstellen von Tabellen verwendet. Enthalten hauptsächlich:
    ...
    : Tabellenabschnitte definieren.
     ...: Tabellentitel.
     ...: Kopfzeile.
     ...: Tabellenspalten.
     ...: Tabellenzellen.
     2.8 Formular-Tags
    Solche Tags werden zum Erstellen interaktiver Formulare verwendet. Die wichtigsten sind:
    ...
    : gibt den Anfang und das Ende an des Formularabschnitts.
     : Generieren Sie einzeilige Textfelder, Optionsfelder, Kontrollkästchen usw.
     : Erzeugt ein mehrzeiliges Eingabetextfeld.
     : Gibt den Anfang und das Ende der Dropdown-Liste an.
     : Erzeugt ein Auswahlelement in der Dropdown-Liste.
    Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet, d. h. ist dasselbe. Diese Tags werden im Folgenden vorgestellt.

     3. Dateistrukturmarkierung
    Die Struktur einer HTML-Datei kann grundsätzlich in zwei Teile unterteilt werden, ein Teil wird als Titelbereich (Kopfbereich) bezeichnet; wird als Hauptbereich (Körperabschnitt) bezeichnet. Dateistruktur-Tags werden verwendet, um anzugeben, wo der Header und wo der Text hingehört.
     3.1: Markieren Sie das gesamte Dokument
    Zweck: Markieren Sie das gesamte HTML-Dokument
    Beschreibung: Ein Standard-HTML-Dokument beginnt mit und Dateien, die mit <. enden ;/html>. Das heißt:
     
    ... Vollständiger Text der HTML-Datei
    : In einer HTML-Datei wird der zwischen und eingeschlossene Bereich als Titelbereich bezeichnet ​​die Datei. Normalerweise ist der Kopfabschnitt im HTML-Abschnitt enthalten, d. ..
      3.3: Webseitentitel<br><br> <title>......</title> ; häufig verwendetes Tag im Titelbereich von HTML-Dateien. Zu den weiteren Tags im Titelbereich gehören <base>, <isindex>, <link>, <nextid>, <meta> usw. <br> 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 Seitentext des Browsers. Auch die Funktionen „Meine Favoriten“, „Lesezeichen“ oder „Verlaufsliste“ der meisten Browser sind nach dem Titel dieser Datei benannt. <br> Es gibt keine Längenbeschränkung für den mit <title>... markierten Text, aber ein zu langer Titel kann manchmal abgeschnitten werden und ist nicht leicht zu merken.
     
    3.4: Markieren Sie den Hauptkörperbereich der Datei

    Beschreibung: In der HTML-Datei der Bereich, der zwischen ...  3.5 Attribute des Tags

    backgroud-Attribut:
    Dieses Attribut kann eine Grafikdatei (normalerweise GIF oder JPEG) als Hintergrundmuster angeben. Die Grafik wird wie eine Kachel angeordnet und bildet das Grundbild der gesamten Webseite.

Verwandte Etiketten:
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