Heim > Artikel > Web-Frontend > Grundkenntnisse der Webseitenerstellung (HTML) (1) Erstes Verständnis und Eigenschaften von HTML
Grundkenntnisse der Webseitenerstellung (HTML) (1) Erstes Verständnis und Eigenschaften von HTML
- 零下一度Original
- 2017-05-05 13:57:361096Durchsuche
1: Erste Einführung in HTML
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Erläuterung der Beispiele
100db36a723c770d327fc0aef2ce13b1 Beschreibung der Webseite Der Text zwischen
36cc49f0c466276486e50c850b7e4956 wird angezeigt. Der Text zwischen
473f0a7621bec819994bb5020d29372a zwischen dem Titel
e388a4556c0f65e1904146cc1a846bee und 94b3e26ee717c64999d7867364b1b4a3 wird als Absatz angezeigt
1.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 100db36a723c770d327fc0aef2ce13b1
HTML-Tags erscheinen normalerweise paarweise, wie zum Beispiel a4b561c25d9afb9ac8dc4d70affff419 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 3499910bf9dac5ae3c52d5ede7383485-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 a1f02c36ba31691bcfe87b2722de723b-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 3499910bf9dac5ae3c52d5ede7383485-Tag definiert. Die Adresse des Links wird im href-Attribut angegeben.
Weitere HTML-Attributbeispiele
Attributbeispiel 1:
4a249f0d628e2318394fd9b75b4636b1
dfb4d23c807e8ce66d86a7db2dd1cbbb enthält zusätzliche Informationen zur Ausrichtung.
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:
6c04bd5ca3fcae76e30b72ad730ca86d Definiert den Textkörper des HTML-Dokuments.
960920f7262f4c465c4e20523c59b022 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:
f5d188ed2c074f8b944552db028f98a1 (Mehr über HTML-Tabellen erfahren Sie in einem späteren Kapitel)
e250a3f15cdd83cbdbae9ebf57168797 enthält zusätzliche Informationen zum Tabellenrand.
Attributwerte immer in Anführungszeichen setzen
Attributwerte sollten immer in Anführungszeichen gesetzt werden. Doppelte Anführungszeichen werden am häufigsten verwendet, die Verwendung einfacher Anführungszeichen ist jedoch kein Problem.
In einigen Einzelfällen, beispielsweise wenn der Attributwert selbst doppelte Anführungszeichen enthält, müssen Sie einfache Anführungszeichen verwenden, zum Beispiel:
name='Bill "HelloWorld" Gates'
[Verwandte Empfehlungen]
1 . Kostenloses HTML-Online-Video-Tutorial
3.php.cn Original-HTML5-Video-Tutorial
Das obige ist der detaillierte Inhalt vonGrundkenntnisse der Webseitenerstellung (HTML) (1) Erstes Verständnis und Eigenschaften von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!