Heim >Web-Frontend >HTML-Tutorial >Eine Einführung in HTML
Eine Einführung in HTML
- 不言Original
- 2018-04-27 14:02:481484Durchsuche
Der in diesem Artikel vorgestellte Inhalt ist eine Einführung in HTML, die einen gewissen Referenzwert hat. Jetzt kann ich ihn mit allen teilen, die ihn brauchen.
Einführung in HTML
HTML ist eine Sprache zur Beschreibung von Webseiten.
·HTML bezieht sich auf HyperText Markup Language: HyperText Markup Language
·HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache
·Eine Markup-Sprache ist eine Reihe von Markup-Tags
·HTML verwendet Markup-Tags, um Webseiten zu beschreiben
·HTML-Dokument enthält HTML-Tags und Textinhalte
·HTML-Dokument wird auch Webseite genannt
HTML Dokumentsuffixname
.html
.htm
Es gibt keinen Unterschied zwischen den beiden oben genannten Suffixen und beide können verwendet werden.
HTML-Beispiel
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>自学教程(lengyuezuixue.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
Beispielanalyse
·8b05045a5be5764f313ed5b9168a17e6: Als HTML5-Dokument deklariert
· Das 100db36a723c770d327fc0aef2ce13b1-Element ist das Stammelement der HTML-Seite
· Das 93f0f5c25f18dab9d176bd4f6de5d30e-Element enthält die Metadaten des Dokuments
· Das b2386ffb911b14667cb8f0f91ea547a7-Element beschreibt den Titel des Dokuments
· Das 6c04bd5ca3fcae76e30b72ad730ca86d-Element enthält den sichtbaren Seiteninhalt
· Das 4a249f0d628e2318394fd9b75b4636b1-Element definiert einen großen Titel
·0e8f8712f25526f97a3378aa9274a2d9-Element definiert einen Absatz
HTML-Tag
HTML-Markup-Tag Wird normalerweise als HTML-Tag bezeichnet
·HTML-Tag ist ein Schlüsselwort, das von spitzen Klammern umgeben ist, z. B. 100db36a723c770d327fc0aef2ce13b1
·HTML-Tags erscheinen normalerweise paarweise, wie zum Beispiel a4b561c25d9afb9ac8dc4d70affff419 und 0d36329ec37a2cc24d42c7229b69747a
·Das erste Tag im Tag-Paar ist das Start-Tag Das zweite Tag ist das schließende Tag
·Die öffnenden und schließenden Tags werden auch als offene Tags und schließende Tags bezeichnet
<标签>内容</标签>
HTML Elemente
„HTML-Tag“ und „HTML-Element“ beschreiben normalerweise die gleiche Bedeutung
Aber streng genommen enthält ein HTML-Element ein Start-Tag und ein End-Tag, wie im folgenden Beispiel:
HTML-Element:
e388a4556c0f65e1904146cc1a846bee这是一个段落。94b3e26ee717c64999d7867364b1b4a3
HTML 网页结构
只有 6c04bd5ca3fcae76e30b72ad730ca86d 区域 (白色部分) 才会在浏览器中显示。
1a309583e26acea4f04ca31122d8c535声明
1a309583e26acea4f04ca31122d8c535声明有助于浏览器中正确显示网页。
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的，以下方式均可：
<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>
通常声明
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
这个 DTD 与 HTML 4.01 Transitional 相同，但是允许使用框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
这个 DTD 与 XHTML 1.0 Transitional 相同，但是允许使用框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
这个 DTD 与 XHTML 1.0 Strict 相同，但是允许您添加模块（例如为东亚语言提供 ruby 支持）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
注意
对于中文网页需要使用 ff94e7be1619a095952b0217c283b66c 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 0ca43f658d6b9305e97e2cf175e0cde1
Das obige ist der detaillierte Inhalt vonEine Einführung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!