简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Grundlegende HTML-Kenntnisse, die Sie beherrschen müssen

零下一度
Freigeben： 2017-05-05 13:55:55
Original
2029 Leute haben es durchsucht


1. Überblick über HTML

HTML ist die Abkürzung für Hyper Text Markup Language bedeutet „Hypertext Markup Language“, was eigentlich eine Programmiersprache ist, die speziell zum Schreiben von Webseiten verwendet wird. Die Grundlage der meisten Webseiten sind HTML-Anweisungen.

1. Grundstruktur des HTML-Dokuments


Alle Seiten sollten mindestens diese Teile enthalten. Aufgrund der starken Fehlertoleranz von Browsern können sie auch dann normal angezeigt werden, wenn sie nicht enthalten sind. Am besten ist es jedoch, sie vollständig zu schreiben.

2. So schreiben Sie eine HTML-Datei

HTML-Datei ist eine Datei im ASCII-Format. Sie kann in jedem Editor bearbeitet werden, der ASCII-Dateien bearbeiten kann (wenn die HTML-Datei chinesische Schriftzeichen enthält, muss sie in einem Editor bearbeitet werden, der chinesische Schriftzeichen unterstützt).

3. Debuggen von HTML-Dateien

Öffnen Sie es direkt mit einem Browser und überprüfen Sie die laufenden Ergebnisse

4. Inhalt der HTML-Datei

◇ Der Header-Teil dient dazu, der HTML-Seite einige Hilfs- oder Attributinformationen hinzuzufügen, und der darin enthaltene Inhalt wird hinzugefügt zuerst geladen werden. Im Hauptteil werden die Seitendaten tatsächlich gespeichert.

◇ Die meisten Tags haben ein Start-Tag und ein End-Tag. Einige Tags können innerhalb des Tags enden, weil sie nur eine einzige Funktion haben oder kein Inhalt geändert werden kann.

◇ Wenn Sie umfassendere Operationen an den durch Tags geänderten Inhalten durchführen möchten, verwenden Sie die Attribute in den Tags. Durch Ändern der Attributwerte werden weitere Effektoptionen hinzugefügt.

◇ Verwenden Sie „=", um Attribute und Attributwerte zu verbinden. Im Allgemeinen werden doppelte Anführungszeichen, einfache Anführungszeichen oder keine Anführungszeichen verwendet. Oder Unternehmensvorschriften, die Standards schreiben.

5. Tags in HTML-Dateien

1) Format: oder

2) Operationsidee: Für die Operation müssen Daten verwendet werden mit verschiedenen Tags gekapselt werden, und die gekapselten Daten können über die Attribute in den Tags bearbeitet werden.

Das Tag entspricht einem Container. Um die Daten im Container zu bearbeiten, müssen die Attributwerte des Containers kontinuierlich geändert werden.

2. Liste

Eine Liste ist eine Methode, Informationen organisiert anzuordnen. Es zeigt den Inhalt horizontal einzeln, intuitiv und klar an. Und es unterscheidet sich auch von Tabellen. Im Allgemeinen sind Listen nicht so kompliziert wie Tabellen.

1. Ungeordnete Liste 

<span style="font-size:14px;"><ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul></span>
Nach dem Login kopieren


2. Geordnete Liste

<span style="font-size:14px;"><ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>

<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol></span>
Nach dem Login kopieren


3. Definitionsliste

Benutzerdefinierte Listen beginnen mit einem
-Tag. Jedes benutzerdefinierte Listenelement beginnt mit
. Die Definition jedes benutzerdefinierten Listenelements beginnt mit
.

Ergebnis: 
<span style="font-size:14px;"><dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl></span>
Nach dem Login kopieren

    Kaffee

    • Schwarzes Heißgetränk

    • Milch

    • Weißes Kaltgetränk

    • Zwei komplexe Listen-Tags ul und ol, die Attribute haben können:

1)
    ul>


Dieses Tag kann Attribute haben und zu