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

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.
 
    ...Es gibt eine 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:
    Die grundlegende HTML-Syntax ist praktisch für Freunde, die gerade erst begonnen haben, die Erstellung von HTML_HTML/Xhtml_Webseiten zu erlernen: 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>......> ; häufig verwendetes Tag im Titelbereich von HTML-Dateien. Zu den weiteren Tags im Titelbereich gehören , , , , usw.
     Der Zweck des -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 ...> liegt ; heißt Der Hauptteil der Datei, normalerweise nach dem Abschnitt  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.

Stellungnahme
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
Was sind selbstklingende Tags? Geben Sie ein Beispiel an.Was sind selbstklingende Tags? Geben Sie ein Beispiel an.Apr 27, 2025 am 12:04 AM

SelfclosingTagsinhtmlandxmlaretagSthatclosethemselveswithoutneedingaseparateclosingTag, vereinfachte markupstructureAndenhancingCodingffizienz) Sie sindareessentialinxMlForelementsWhoutcontent, sichergestellt wurden

Jenseits von HTML: Wesentliche Technologien für die WebentwicklungJenseits von HTML: Wesentliche Technologien für die WebentwicklungApr 26, 2025 am 12:04 AM

Um eine Website mit leistungsstarken Funktionen und guten Benutzererfahrungen zu erstellen, reicht HTML allein nicht aus. Die folgende Technologie ist auch erforderlich: JavaScript verleiht Webseiten dynamisch und interaktiv, und Echtzeitänderungen werden durch den Betrieb von DOM erreicht. CSS ist für den Stil und das Layout der Webseite verantwortlich, um die Ästhetik und die Benutzererfahrung zu verbessern. Moderne Frameworks und Bibliotheken wie React, Vue.js und Angular verbessern die Entwicklungseffizienz und die Struktur der Codeorganisation.

Was sind Boolesche Attribute in HTML? Geben Sie einige Beispiele an.Was sind Boolesche Attribute in HTML? Geben Sie einige Beispiele an.Apr 25, 2025 am 12:01 AM

Boolesche Attribute sind spezielle Attribute in HTML, die ohne Wert aktiviert werden. 1. Das boolesche Attribut steuert das Verhalten des Elements dadurch, ob es existiert oder nicht, z. B. deaktiviert das Eingabefeld. 2. Das Arbeitsprinzip besteht darin, das Elementverhalten gemäß der Existenz von Attributen zu ändern, wenn sich der Browser analysiert. 3. Die grundlegende Verwendung besteht darin, Attribute direkt hinzuzufügen, und die erweiterte Verwendung kann über JavaScript dynamisch gesteuert werden. 4. Häufige Fehler denken fälschlicherweise, dass Werte festgelegt werden müssen, und die richtige Schreibmethode sollte präzise sein. 5. Die beste Praxis ist es, den Code präzise zu halten und boolesche Eigenschaften vernünftig zu verwenden, um die Leistung und Benutzererfahrung von Webseiten zu optimieren.

Wie können Sie Ihren HTML -Code validieren?Wie können Sie Ihren HTML -Code validieren?Apr 24, 2025 am 12:04 AM

HTML -Code kann mit Online -Validatoren, integrierten Tools und automatisierten Prozessen sauberer sein. 1) Verwenden Sie W3CmarkupValidationService, um den HTML -Code online zu überprüfen. 2) Installieren und konfigurieren Sie die HTMLHINT-Erweiterung in VisualStudioCode zur Echtzeitüberprüfung. 3) Verwenden Sie HTMLTIDY, um HTML -Dateien im Bauprozess automatisch zu überprüfen und zu reinigen.

HTML vs. CSS und JavaScript: Vergleich von WebtechnologienHTML vs. CSS und JavaScript: Vergleich von WebtechnologienApr 23, 2025 am 12:05 AM

HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.

HTML als Markup -Sprache: seine Funktion und ihren ZweckHTML als Markup -Sprache: seine Funktion und ihren ZweckApr 22, 2025 am 12:02 AM

Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.

Die Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsDie Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsApr 19, 2025 am 12:02 AM

Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.

HTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenHTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenApr 18, 2025 am 12:09 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.

See all articles

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

Dreamweaver Mac

Dreamweaver Mac

Visuelle Webentwicklungstools

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft