Heim >Web-Frontend >CSS-Tutorial >Was ist der Unterschied zwischen CSS und HTML? Vergleich der Unterschiede zwischen CSS und HTML
Wenn viele Schüler Frontend lernen, wissen sie möglicherweise nicht viel über den Unterschied zwischen HTML und CSS. Der heutige Artikel auf der chinesischen PHP-Website fasst die Informationen über HTML und CSS für diejenigen zusammen, die sie benötigen. Schauen wir uns zum Vergleich den konkreten Inhalt an.
Der Unterschied zwischen CSS und HTML:
1. Werfen wir zunächst einen Blick auf HTML:
html ist HyperTextMark – Die Abkürzung für upLanguage, die Hypertext Markup Language ist;
HTML wird verwendet, um die Inhaltsstruktur des Dokuments zu definieren, einschließlich des Inhalts, den Benutzer durchsuchen müssen, einschließlich Bildern, Texten und Videos. Dies sind die Grundelemente, aus denen eine Webseite besteht.
HTML ist die Struktur einer Webseite und erfordert eine Vielzahl von Frames und Layouts, wie z. B. Frameset, Iframe, Div+CSS-Layout, Tabellenlayout usw. Es unterstützt auch die Formularübermittlung (HTML-Formular), einschließlich Basisformulare, Eingabefelder, Eingabefeldtypen, Textfelder, Listen, Beschriftungen usw.
Die Struktur von HTML besteht aus zwei Teilen: Kopf und Körper. Der Kopf beschreibt die vom Browser benötigten Informationen und der Körper enthält den spezifischen Inhalt, der erklärt werden soll.
Schauen wir uns ein kleines Beispiel über HTML an:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
Der Effekt ist wie folgt:
Dieses Beispiel kann bewirken Dies ist eine sehr klare Beschreibung der Struktur von HTML. (Verwandte Empfehlungen: HTML Chinese Reference Manual und 2018 Front-End Introduction_HTML5)
Nachdem wir den Grundinhalt von HTML gelesen haben, werfen wir einen Blick auf den Grundinhalt von CSS, schließlich ist es ein Vergleich der Unterschiede zwischen CSS und HTML ^_^
2. Schauen wir uns noch einmal CSS an:
CSS ist das Abkürzung für Cascading Style Sheets, also Cascading Style Sheets, ein von der W3C Association entwickelter und veröffentlichter Webseiten-Layout-Standard, der die HTML-Sprachfunktionen ergänzt.
CSS wird verwendet, um den Stil von HTML-Dokumenten zu definieren, dh das Erscheinungsbild, z. B. dynamischen Text, Textfarbe, Schriftarten und Animationseffekte auf der Webseite, die alle durch CSS implementiert werden können.
Der Hauptzweck von CSS besteht darin, Schriftarten, Farben, Hintergründe, Bilder und andere verschiedene Elemente in Webseiten zu steuern, damit die Webseiten genau entsprechend den Anforderungen des Designers angezeigt werden können.
Wie im folgenden Beispiel gezeigt:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.com)</title> <style> body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1>CSS例子</h1> <p>这是一个段落。</p> </body> </html>
Der Effekt ist wie folgt:
Der oben genannte Effekt kann ein sein Sehr klare Erklärung zum CSS-Zweck. (Verwandte Empfehlungen: CSS Video Tutorial-Jade Girl Heart Sutra Edition)
Durch die obige Einführung in die Grundinhalte von HTML und CSS können wir den Unterschied zwischen CSS und HTML deutlich erkennen CSS wird hauptsächlich für Stile verwendet, während HTML für Textinhalte verwendet wird. Solange Sie es ernsthaft studieren, können Sie im Lernprozess mehr entdecken.
Verwandte Empfehlungen:
Die Unterschiede zwischen XML-, HTML-, CSS- und JS-Javascript-Kenntnissen
[HTML/CSS]-Anzeige: Der Unterschied zwischen none und Visibility:hidden_html/css_WEB-ITnose
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen CSS und HTML? Vergleich der Unterschiede zwischen CSS und HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!