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

May 16, 2016 pm 04:41 PM
html 基本语法

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.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

See all articles