1: Erste Einführung in HTML
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Erläuterung der Beispiele
Beschreibung der Webseite Der Text zwischen
wird angezeigt. Der Text zwischen
zwischen dem Titel
und
wird als Absatz angezeigt1.1HTML ist eine Sprache zur Beschreibung von Webseiten.
HTML bezieht sich auf HyperTextMarkupLanguage
HTML ist keine Programmiersprache, sondern eine Markup-Sprache
Markup-Sprache ist eine Reihe von Markup-Tags
HTML verwendet Markup-Tags, um Webseiten zu beschreiben
1.2HTML-Markup-Tags werden oft als HTML-Tags (HTML-Tag) bezeichnet.
HTML-Tags sind von spitzen Klammern umgebene Schlüsselwörter, wie zum Beispiel
HTML-Tags erscheinen normalerweise paarweise, wie zum Beispiel b>
Das erste Tag im Tag-Paar ist das Start-Tag und das zweite Tag ist das End-Tag
Die Start- und End-Tags werden auch als offene Tags und schließende Tags bezeichnet
1.3HTML-Link
HTML-Link wird durch das -Tag definiert.
<html> <body> <a href="http://www.w3school.com.cn"> This is a link</a> </body> </html>
Hinweis: Geben Sie die Adresse des Links im href-Attribut an.
1.4 HTML-Bilder
HTML-Bilder werden durch das -Tag definiert.
<html> <body> <img src="/i/eg_w3school.gif" width="300" height="120" /> </body> </html>
Hinweis: Der Name und die Abmessungen des Bildes werden als Attribute bereitgestellt.
2: HTML-Attribute
HTML-Tags können Attribute haben. Attribute liefern weitere Informationen zu HTML-Elementen.
Attribute erscheinen immer als Name/Wert-Paare, zum Beispiel: name="value". Das Attribut
wird immer im öffnenden Tag eines HTML-Elements angegeben.
2.1 Attributbeispiele
HTML-Links werden durch das -Tag definiert. Die Adresse des Links wird im href-Attribut angegeben.
Weitere HTML-Attributbeispiele
Attributbeispiel 1:
TIY: Zentrieren Sie den Titel
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.php.cn/TR/html4/loose.dtd"> <html> <body> <h1 align="center">This is heading 1</h1> <p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p> </body> </html>
Attributbeispiel 2:
Definiert den Textkörper des HTML-Dokuments. enthält zusätzliche Informationen zur Hintergrundfarbe.TIY: Hintergrundfarbe
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> </head> <body bgcolor="yellow"> <h2>请看: 改变了颜色的背景。</h2> </body> </html>
Attributbeispiel 3: