Was ist HTML? Was ist das HTML-Layout einer Webseite?
In diesem Artikel werde ich das Konzept von HTML vorstellen, was ist HTML? Dadurch können Sie verstehen, was die Verwendung von HTML auf einer Webseite ist.
Wenn Sie anfangen, sich mit der Webprogrammierung vertraut zu machen, ist HTML der erste Inhalt, den Sie lernen müssen, dann werden Sie mit CSS kombinieren, um sehr einzigartige Produkte zu erstellen. Es hört sich gut an, aber Sie sind neu darin, also ist es vielleicht ein bisschen vage, nicht wahr, in dieser Serie, die wir gemeinsam erkunden werden.
Was ist HTML?
HTML steht für HyperText Markup Language , übersetzt ins Vietnamesische bedeutet Hypertext Markup Language . Es dient zur Formatierung des Layouts, Eigenschaften in Bezug auf die Anzeige eines Textes und wird in einem speziellen Programm angezeigt, wir nennen es den Browser .
Derzeit gibt es viele Browser wie Firefox, Chrome, Coc Coc , … Allen Browsern ist gemeinsam, dass sie den Benutzern helfen, Websites zu manipulieren, und dass sie in der Lage sind, HTML-, CSS- und Javascript-Code zu kompilieren.
Apropos, Sie müssen sich fragen, was das Konzept von CSS und was Javascript ist, richtig? Machen Sie sich keine Sorgen, denn in dieser Lektionsreihe werde ich Ihnen alles erklären.
Da HTML ein spezielles XML-Format ist, hat es ein öffnendes Tag und ein schließendes Tag mit der folgenden Syntax:
<tagname></tagname> Jeder Tagname wie oben wird als HTML-Tag bezeichnet und seine Verwendung ist unterschiedlich. Wenn Sie beispielsweise ein bestimmtes Wort fett darstellen möchten, können Sie es in das Tag <strong>Nội dung in đậm</strong> einfügen.
Darüber hinaus hat jedes HTML-Tag seine eigene Anzahl von Attributen, und die Liste der Attribute befindet sich wie folgt im öffnenden Tag:
<tagname pro1="value1" prop2="value2"></tagname>Beispiel : Schreiben Sie einen HTML-Code, um die Worte „ Instruct you to learn HTML with web888.vn“ anzuzeigen. Darin bitte die Wörter web888.vn fett darstellen.
Hướng dẫn các bạn học HTML với <strong>web888.vn</strong>Daher wurde HTML mit dem Zweck geboren, das Inhaltslayout für Daten im Allgemeinen und für die Website-Schnittstelle im Besonderen zu entwerfen. Um es besser zu verstehen, gehen wir zum zweiten Teil.
Mục lục
2. Die Geschichte von HTML
HTML wurde von Tim Berners-Lee , einem Physiker am CERN-Forschungszentrum in der Schweiz, entwickelt. Bisher ist HTML zu einem Standard des WWW ( World Wide Web ) geworden, und fast alle verschiedenen Browser können HTML-Code nach diesem Standard kompilieren.
Die erste HTML-Version kam 1991 heraus, sie hatte nur 18 einfachste HTML-Tags. Erst 1999 wurde die HTML4-Version veröffentlicht. Im Jahr 2014 wurde eine neue Version geboren, die eine sehr starke Entwicklung markiert, nämlich die HTML5-Version. Diese Version bietet einige weitere Tags wie Artikel, Kopfzeile, Seite, Fußzeile …
Für ältere Browser wird kein HTML5-Code kompiliert, daher müssen Sie auf die neueste Version für Ihren Browser aktualisieren.
3. Wie sieht das HTML-Layout einer Webseite aus?
HTML hat viele verschiedene Tags und jedes Tag hat bestimmte Aufgaben. Sie fragen sich also, wie Sie die Tags für eine Website aufteilen sollen?
Typischerweise sieht das HTML-Layout einer Website so aus:
Da drin:
-
<!DOCTYPE html>ist die Deklaration des Anzeigedatentyps alshtml, damit der Browser ( Browser ) Bescheid weiß. -
<html>und</html>ist das äußerste Tag-Paar und dafür verantwortlich, den gesamten Inhalt der Webseite abzudecken. Diese Karte ist die Krawattenschale. -
<head>und</head>sind die Informationserklärung der Website -
<title>und</title>befinden sich innerhalb des<head>-Tags und dies ist die Titeldeklaration für die Webseite. -
<body>und</body>ist das wichtigste Element, es enthält den HTML-Code, der zur Anzeige auf der Website verwendet wird - Die verbleibenden Tags im
<body>-Tag sind Datenformatierungs-Tags.
Also haben wir eine Website in 2 Hauptteile unterteilt:
- Teil 1 : Dies sind Informationserklärungen für die Website und wir fügen sie in das
head-Tag ein. - Teil 2 : Ist der Teil, der das Inhaltsformat der Webseite anzeigt und wir fügen ihn in das
body-Tag ein.
Und es wird wie folgt beschrieben:
Zum Beispiel
4. Gemeinsame Schnittstellenpositionen einer Website
Normalerweise wird die Benutzeroberfläche einer Website in die folgenden Abschnitte unterteilt:
- Kopfzeile ( behoben )
- Fußzeile ( behoben )
- Menü ( fest )
- Seitenleiste ( behoben )
- Hauptinhalt ( Jede Unterseite wird anders sein )
In diesen Abschnitten ändert sich also nur der Inhalt auf jeder Seite, der Rest bleibt unverändert. Wenn Sie beispielsweise auf die Startseite von website888.vn und web888.vn/hoc-php , werden Sie sehen, dass nur der Inhalt in der Mitte geändert wird, während die Abschnitte header , footer , menu und sidebar unverändert bleiben.
4. Was ist der Unterschied zwischen HTML und CSS?
HTML ist nur eine Textauszeichnungssprache, es unterstützt keine Effekte und kein Layout für ein Layout. Dazu müssen wir CSS verwenden.
Wir können uns also jede Webseite als ein Haus vorstellen, HTML ist das Material, um dieses Haus zu bauen, und CSS ist der Bauplan für das Haus. Möchten Sie die Lackfarbe oder die Größe ändern, verwenden Sie einfach CSS.
5. Ist HTML schwer zu lernen?
Man kann sagen, dass HTML eine extrem leicht zu erlernende Programmiersprache ist. Die Schwierigkeit dabei ist, dass Sie mit CSS oder Javascript kombinieren müssen, um komplexe Effekte oder Schnittstellen zu erstellen. HTML hat nur ein paar Dutzend Tags, die am häufigsten verwendet werden.
6. Welche Software verwenden Sie zum Codieren von HTML?
Derzeit gibt es viele Software, die zum Codieren von Web mit HTML und CSS verwendet wird. Abhängig von Ihren Vorlieben und Gewohnheiten können Sie eine der folgenden Softwares auswählen.
- PHP-Designer
- Traumweber
- Netbohnen
- Erhabener Text
- Visuelles Studio
- intellij
7. Fazit
Durch diesen Artikel habe ich die Grundkonzepte von HTML vorgestellt, wie z. B. Was ist HTML? Was ist die Geschichte der HTML-Entwicklung? Gleichzeitig kennen Sie auch die Hauptkomponenten, aus denen eine Website-Oberfläche besteht, sehen Sie in den nächsten Artikeln.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
