HTML von Grund auf neu starten (1 19.09.2016)

1. Attribute

Das

HTML-Tag kann das Attribut haben. Attribute stellen weitere Informationen über ein HTML-Element bereit. Eigenschaften erscheinen immer als Name/Wert-Paare, wie zum Beispiel: name="value".

Das

-Attribut wird immer innerhalb des -Eröffnungs-Tags eines HTML-Elements angegeben.

Attributbeispiel 1:

Definiert den Anfang des Titels.

enthält zusätzliche Informationen zur Ausrichtung.

Attributbeispiel 2:

definiert den Textkörper des HTML-Dokuments.

enthält zusätzliche Informationen zur Hintergrundfarbe.

Attributbeispiel 3:

definiert eine HTML-Tabelle.

enthält zusätzliche Informationen zum Tabellenrand.

Das vollständige HTML-Referenzhandbuch bietet eine vollständige Liste der für jedes HTML-Element verfügbaren rechtlichen Attribute:

HTML-Referenzhandbuch: http://www.w3school.com.cn/tags/index.asp

2. Titel

Überschrift wird durch Tags wie

definiert.

definiert die größte Überschrift.

Definiert die kleinste Überschrift.

Das Tag

---

erstellt eine horizontale Linie in einer HTML-Seite. Kann zum Teilen von Elementen

verwendet werden

3. Absatz

Absätze werden durch das

-Tag definiert.

① Es ist eine schlechte Angewohnheit, leere Absatz-Tags

zu verwenden. Ersetzen Sie es durch das Tag

② Wenn Sie eine neue Zeile umbrechen möchten, ohne einen neuen Absatz zu erstellen, verwenden Sie das Tag

4. Stil

Das

style-Attribut wird verwendet, um den Stil von HTML-Elementen zu ändern.

Das Stilattribut

bietet eine universelle Möglichkeit, den Stil aller HTML-Elemente zu ändern. Mit HTML-Stilen können Sie Stile mithilfe des style-Attributs direkt zu HTML-Elementen hinzufügen oder indirekt, indem Sie sie in einem separaten Stylesheet (CSS-Datei) definieren.

Das Attribut „Hintergrundfarbe“ definiert die Hintergrundfarbe für das Element, wie zum Beispiel:

Die Attribute „font-family“, „color“ und „font-size“ definieren jeweils die Schriftfamilie, die Farbe und die Schriftgröße des Texts im Element.

Das text-align-Attribut gibt die horizontale Ausrichtung des Texts im Element an:

Dies ist eine Überschrift

, Sie können die Mitte nach links oder rechts ändern um unterschiedliche Wirkung zu erzielen.

5. Zitat

① HTML

Elementdefinition kurzes Zitat . Browser umgeben das -Element normalerweise mit Anführungszeichen .

<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>

② HTML

Für lange Anführungszeichen definiert das HTML-Element

den Abschnitt, der zitiert wird. Browser indent das

-Element.

<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

③ HTML für Abkürzungen HTML

Elementdefinition Abkürzung oder Akronym. Das Markieren von Abkürzungen liefert nützliche Informationen für Browser, Übersetzungssysteme und Suchmaschinen.

6.So führen Sie CSS-Stile ein

Es gibt drei Möglichkeiten, Stylesheets einzufügen:

① Extern: Wenn Stile auf viele Seiten angewendet werden müssen, sind externe Stylesheets die ideale Wahl. Mithilfe externer Stylesheets können Sie das Erscheinungsbild Ihrer gesamten Website ändern, indem Sie eine Datei ändern.

<span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">link </span><span style="color: #ff0000;">rel</span><span style="color: #0000ff;">="stylesheet"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="text/css"</span><span style="color: #ff0000;"> href</span><span style="color: #0000ff;">="mystyle.css"</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>

② Intern: Wenn eine einzelne Datei einen besonderen Stil erfordert, können Sie ein internes Stylesheet verwenden. Sie können interne Stylesheets über das Tag