Heim >Web-Frontend >HTML-Tutorial >Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)

Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)

寻∝梦Original: 2018-08-27 13:53:4515053Durchsuche

Was bedeutet HTML? In diesem Artikel wird hauptsächlich der grundlegende vollständige Code des HTML-Dokuments für jedermann erläutert, außerdem gibt es spezifische Beispielerklärungen, damit jeder die Grundstruktur und Verwendung von HTML auf einen Blick verstehen kann. Werfen wir gemeinsam einen Blick darauf

Was ist 1.html?

Sprachlich gesehen ist HTML eine Hypertext-Auszeichnungssprache. Es handelt sich um eine Sprache, die zur Anzeige von Webseiten verwendet wird und speziell für die Lesbarkeit durch Browser geschrieben wurde. Es kann viele Dinge enthalten, beispielsweise ein Bild, einen Link, Musik oder nicht-textliche Elemente, beispielsweise kleine Anwendungen. Die HTML-Sprache umfasst den Kopf der Webseite (im Head-Tag) und den Hauptteil der Webseite (im Body-Tag). Der gesamte Inhalt des Hauptteils wird auf der Browserseite angezeigt. Der Inhalt des Headers dient hauptsächlich dazu, den Browser bei der Anzeige des Inhalts des Hauptteils zu unterstützen, und beides ist wichtig. (Empfohlene verwandte Tutorials: HTML-Entwicklungshandbuch)

2. Das Folgende zeigt Ihnen einen vollständigen Code basierend auf HTML

<!doctype html>（给浏览器看的，向浏览器说明是html文档）
<html>（html文档的开头，还有最后一行是HTML文档的结尾）
<head>（头部的开始，里面有时候要放不少东西，辅助主体文档的正常显示的）
<meta charset="utf-8">（这行是头部里面的meta标签的第一行内容，是告诉浏览器这文档是属于utf-8字符编码格式的还有不少比较常见的，这里就不多介绍了）
<title>PHP中文网</title>（title标签，是属于头部里面的定义标题的标签，会显示在浏览器的页面上方的标签页上面的）
</head>（头部结束）
<body>（主体开始，主要把文档的所有内容都放到网页中）
	hello world开始时随便加的一句问候）
</body>（主体结束）
</html>（文档结束）

Das Obige ist eines Der gesamte Code im Dokument sieht nach der Ausführung folgendermaßen aus:

Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)

Was auf der Registerkarte oben angezeigt wird, ist der im Titel angezeigte Inhalt und was in der Der Körper wird auf der Webseite angezeigt.

Auf diese Weise wurde ein vollständiger HTML-Code erklärt (empfohlene verwandte Videokurse: Eine HTML-Seite von Grund auf erstellen), der jedoch konsolidiert werden muss. Lassen Sie uns alle oben genannten allgemeinen Codes erklären:

3. Die oben genannten Code- und Beschriftungserklärungen

Das Tag, das am Anfang und Ende geschrieben werden muss, ist

Das Head-Tag ist ebenfalls ein Doppel-Tag und muss ein Ende haben, um die Anzeige des Hauptteils der Seite zu unterstützen

Ja, es enthält viele Tags. Ich werde sie Ihnen später einzeln vorstellen <p></p>Four.html codiert mehrere neue Tags<p><strong> </strong>Das Obige sind die Tags auf der Basis-Webseite. Lassen Sie mich Ihnen einen Code zeigen, der etwas hinzufügt und ein paar neue Tags erkennt: </p><pre class="brush:html;toolbar:false"><!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <h1>hello world</h1> <h2>这是主体中的标题标签</h2> <h3>比正常显示的文字要大<h3> <p>正常文字</p> <p>这是写段落的，可以写很多字的。。。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p> <p>这也是写段落的，可以写很多字的。。。。。。。。。。。。。。。。。。。很多字的</br>这是换行显示。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p> </body> </html></pre><p>Verstehen Sie den obigen Code? Lassen Sie mich Ihnen den </p>-Effekt zeigen, nachdem <p> ausgeführt wurde: <strong></strong><br></p> Dieser Vergleich sollte sehr klar sein. Die Titel-Tags im Hauptteil sind alle vergrößert. Es wird durch <h1></h1> oder <h2></h2> dargestellt, was etwas größer als der normale Text ist. Dies ist auch ein häufig verwendetes Tag. Es gibt auch ein <p></p>-Tag, das zur Darstellung eines Absatzes verwendet wird. Ich habe beispielsweise ein -Tag hinzugefügt. Tags hinzugefügt und dann im Hauptteil der Webseite getrennt. <p><img src="https://img.php.cn//upload/image/768/213/834/1535334578736706.png" title="1535334578736706.png" alt="Was ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion)">Okay, das ist der normale Anzeigetext des HTML-Dokuments. Den vollständigen Code finden Sie hier. Wenn Sie Fragen haben, stellen Sie diese bitte. </p> <p>[Artikel zum Thema des Herausgebers]</p> <p></p>Was bedeutet das Head-Tag in HTML? Ein Artikel zeigt Ihnen, wie Sie das Head-Tag richtig verwenden <p><a href="http://www.php.cn/div-tutorial-409089.html" target="_blank"></a><br></p>Sollten Hacker PHP oder Python lernen? Rationale Analyse von zehn Unterschieden zwischen PHP und Python<p><a href="http://www.php.cn/php-weizijiaocheng-409071.html" target="_blank"></a></p>

Das obige ist der detaillierte Inhalt vonWas ist HTML? Ein vollständiger HTML-Code verrät es Ihnen (vollständige Beispielversion). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Python php html

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：Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwendenNächster Artikel：Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden

In Verbindung stehende Artikel

Mehr sehen