Heim >Web-Frontend >H5-Tutorial >Notizen zum HTML5-Selbststudium

Notizen zum HTML5-Selbststudium

黄舟Original: 2016-12-28 17:09:241449Durchsuche

1. Warum HTML lernen? 3. Tags

(Einzel-Tag und Doppel-Tag)

Erstellung der Website:

Erstellung eines Ordners

Startseite: index.html

home.html

html-Grundstruktur

Dokumentanweisung

Zeichensatzzeichensatz „UTF-8“ internationale Kodierung „GB2312 " Vereinfachte chinesische Codierung

4, häufig verwendete Tags

h1-Tag Doppel-Tag großes Titel-Tag

34ef334dc49b8ab849f81da603700650content473f0a7621bec819994bb5020d29372a h1 Tags können nur einmal auf einer Seite erscheinen

align-attribute horizontale Ausrichtung

<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>

left/right/center-attribute value

h1-h6 insgesamt Überschriften mit sechs Ebenen

p-Tag-Absatz-Doppel-Tags

spezieller Symbolraum

076402276aae5dbec7f672f8f4e5cc81 einzelner Tag-Zeilenumbruch

f32b48428a809b51f04d3228cdf461fa Ende der horizontalen Linie

64a2cb68e05c71618763482b0c22ed86

5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6 Neigung

907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338 Schräge Hervorhebung bedeutet

8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 >
a4b561c25d9afb9ac8dc4d70affff419< ;/b>Fett

45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114Text-Inline-Elemente, die eine spezielle Verarbeitung erfordern

dc6dce4a544fdca2df29d5ac0ea9906b94f2728072f07764eba78336d0cbce16 einzelnes Tag

8eb07139dc66d28ad6c0b209f1c6dc0e

Drei Arten von Listen

Ungeordnete Liste

Geordnete Liste

Definitionsliste

<ul type="disc">
disc:圆点 circle：圆圈 square 正方形
<li>列表项</li>
</ul>

ein Tag, ein Hyperlink-Tag, für interne Links auf Webseiten und Links außerhalb der Website.

<ol type="a" start="只能写数字">
a 1 I A
<li>列表项</li>
</ol>

Ressourcenadresse:

Interne Links: HTML-Dateien, Bilder, Filme, Musik, komprimierte Dateien, Word-Dokumente, PPT,,,

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>

Externer Link: http://www.baidu.com

Pfad:

<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>

Relativer Pfad

1: Wenn sich zwei Dateien im selben Ordner befinden, schreiben Sie direkt Name der Datei.

2: Die beiden Dateien befinden sich in verschiedenen Ordnern. Verwenden Sie ../, um die Datei der oberen Ebene darzustellen.

3: Eine Datei befindet sich im Ordner und eine Datei befindet sich im Ordner. Draußen. Schreiben Sie direkt den Namen des Ordners

Absoluter Pfad

Lokaler Computer: E: Zuo Lin-Studiennotizen

Netzwerk: http://www.xxx.com/xxx/ xxx

Häufig verwendete Bildformate auf Webseiten:

gif: unterstützt Animation, unterstützt Transparenz, speichert bis zu 256 Farben, verlustbehaftete Komprimierung

jpg (jpeg): nicht unterstützt Animation, unterstützt keine Transparenz, satte Farben, verlustbehaftete Komprimierung

png: unterstützt keine Animation, unterstützt Transparenz, satte Farben, verlustfreie Komprimierung

Kommentar-Tags

a6266622f0b326343e76cc902349184d

Photoshop-Schnitt- und Tastenkombinationen

Strg+R Lineal anzeigen

F8 Informationen anzeigen

Strg +Alt +z Rückgängigmachen in mehreren Schritten

Strg+Z Rückgängigmachen in einem Schritt

Strg+N Neue leere Leinwand erstellen

Strg+D Auswahl abbrechen

Strg+O Öffnen

Strg+T freie Transformation

Das Obige ist der Inhalt der HTML5-Selbstlernnotizen. Für weitere verwandte Inhalte achten Sie bitte auf PHP-Chinesisch Website (www.php.cn)!

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

Vorheriger Artikel：Eine Einführung in drei ungewöhnliche nützliche neue HTML5-FunktionenNächster Artikel：Eine Einführung in drei ungewöhnliche nützliche neue HTML5-Funktionen

In Verbindung stehende Artikel

Mehr sehen