Umfassendes Verständnis der HTML-Grundstruktur

Umfassendes Verständnis der HTML-Grundstruktur

Einführung in HTML

HyperText-Auszeichnungssprache: Hypertext-Auszeichnungssprache

HyperText: Hypertext (Text + Bilder + Video + Audio + Links)

Auszeichnungssprache:

Drei Elemente einer Website

Bild, Hyperlink, Text

Grundstruktur von HTML

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < html >   
  2.      <Kopf>   
  3.          < Titel > Dokument </ Titel >   
  4.      </ Kopf >   
  5.      < Textkörper >   
  6. Ich bin Mossbaoo!
  7.      </ Körper >   
  8. </ html >   

Standard-HTML-Tags für Webseiten

1. HTML-Dokumentdeklaration: <!DOCTYPE HTML>

2. Seitentitel: <title>~</title>

3. Seitenkodierung: <meta charset="utf-8" />

UTF-8 ist eine mehrsprachige Kodierung (empfohlen)

gb2312 ist die vereinfachte chinesische Kodierung


4. Seiten-Keywords: <meta name="keywords" content="Keyword 1,Keyword 2,…" />

Hauptinhalt der Seite: <meta name="description" content="Inhaltseinführung" />

Hinweis: Das Meta-Tag ist ein Hilfstag der HTML-Sprache, der normalerweise zur Optimierung für Suchmaschinen verwendet wird. Es befindet sich im Kopf des HTML-Dokuments.

Generieren Sie die anfängliche Struktur des HTML-Dokuments

1. HTML5-Standardstruktur: html:5+Tabulatortaste oder !+Tabulatortaste

Die generierten Ergebnisse sind wie folgt

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html   lang = "en" >   
  3. <Kopf>   
  4.      < Meta   Zeichensatz = "UTF-8" >   
  5.      <Titel> Dokument </Titel>   
  6. </ Kopf >   
  7. < Textkörper >   
  8.        
  9. </ Körper >   
  10. </ html >   

2. HTML4-Übergangsstruktur: html:xt+Tabulatortaste

Die generierten Ergebnisse sind wie folgt

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml"   xml:lang = "de" >   
  3. <Kopf>   
  4.      < Meta   http-equiv = "Inhaltstyp"   Inhalt = "Text/HTML; Zeichensatz=UTF-8" >   
  5.      <Titel> Dokument </Titel>   
  6. </ Kopf >   
  7. < Textkörper >   
  8.        
  9. </ Körper >   
  10. </ html >   

Hinweis zu HTML-Tags:

• HTML-Elemente bestehen aus Start-Tags und End-Tags.

• Der zwischen den Start- und End-Tags eingeschlossene Text ist der Inhalt des Elements.

• HTML-Tags müssen einen Anfang und ein Ende haben. Handelt es sich um einen Tag ohne Inhalt (leeres Tag), beenden Sie ihn mit />.

• Tag-Namen unterscheiden nicht zwischen Groß- und Kleinschreibung, in XHTML müssen Tag-Namen jedoch klein geschrieben sein.

• Tags haben Attribute, die verwendet werden, um die Eigenschaften und Merkmale der Tags darzustellen. Attribute werden im öffnenden Tag angegeben.

Das oben beschriebene umfassende Verständnis der Grundstruktur von HTML ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

Original-URL: http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html

<<:  So entfernen Sie die Unterstreichung eines Hyperlinks anhand von drei einfachen Beispielen

>>:  Implementierung eines einfachen Weihnachtsspiels mit JavaScript

Artikel empfehlen

So unterscheiden Sie MySQLs innodb_flush_log_at_trx_commit und sync_binlog

Die beiden Parameter innodb_flush_log_at_trx_comm...

Tutorial zur Installation und Verwendung von Docker MQTT

Einführung in MQTT MQTT (Message Queuing Telemetr...

So handhaben Sie Bilder in Vue-Formularen

Frage: Ich habe in Vue ein Formular zum Hochladen...

So aktualisieren Sie MySQL 5.6 auf 5.7 unter Windows

Vorne geschrieben Es gibt zwei Möglichkeiten, MyS...

Eine gründliche Analyse der HTML-Sonderzeichen

Eine gründliche Analyse von HTML (14) Sonderzeich...

So löschen Sie den gesamten Inhalt eines Verzeichnisses mit Ansible

Studierende, die Ansible verwenden, wissen, dass ...

js fügt dynamisch Beispielcode für eine Liste eingekreister Zahlen hinzu

1. Fügen Sie zuerst das ul-Tag im Textkörper hinz...