HTML ist die Grundlage für das Erstellen schöner Webseiten und Layouts. Nachdem Sie diesen Artikel gelesen haben, können Sie einfach mehr über HTML schreiben Wenn Sie Künstler werden, können Sie als Entwickler HTML lesen und bei Bedarf einfache Änderungen vornehmen. Befolgen Sie meine nachstehenden Ideen, um sicherzustellen, dass dieser Artikel Ihnen hilft, HTML zu verstehen. Natürlich ist es am besten, ihn während des Lesevorgangs selbst auszuprobieren, damit Ihr Verständnis tiefer wird. Ok, fangen wir an: (Die folgenden Symbole sind alle auf Englisch eingegeben)
1. Grundregeln von HTML
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
Fast alle Webseiten sind es Es basiert auf diesem Format. Dies ist eine Markierung, die eine Webseite haben muss.
Kopieren Sie den obigen Code in einen Notizblock und speichern Sie ihn dann als.html-Datei. Probieren Sie es aus.
Fügen Sie dann vorher die Tags
Sind das die Hyperlinks, die wir normalerweise online sehen? Es gibt nur keine Änderung, wenn Sie hier auf „Home“ klicken, da die leere Verbindung, die wir hinzugefügt haben, das Eisen schlagen soll, solange das Eisen heiß ist. Wir folgen der vorherigen Methode, um eine Seite zu erstellen, sie als b.html zu speichern und sie dann zu ersetzen „#“ oben mit b.html. Öffnen Sie es, klicken Sie auf die Startseite. Wird auf Seite b gesprungen? (Natürlich müssen sich die Seiten a und b im selben Verzeichnis befinden.) Inzwischen sollten Sie verstehen, dass tatsächlich alle Funktionen auf der Webseite durch unterschiedliche Tags implementiert werden, ähnlich wie Wenn Sie Just ausführen müssen Denken Sie an die Funktion dieser Tags.
2. Webseitenstruktur
Wenn Sie beim Surfen im Internet aufpassen, sind Webseiten tatsächlich in Blöcke unterteilt
Sie können es auch unterteilen Der Hauptzweck des Blockierens besteht darin, Aspekte zu ändern und ihren jeweiligen Präsentationsstil zu bestimmen.
Dies wird hauptsächlich durch das
-Tag erreicht:<div> <a href=”b.html”>首页</a> </div>
Speichern Öffnen Sie es und probieren Sie es aus. Was ist der Effekt?
Ist es immer noch dasselbe wie vor der Änderung? Fügen wir einige Änderungen hinzu:
<div style=”width:200px;height:100px;border-style:solid;” >
läuft und der von uns markierte Block wird mit einem blauen Hintergrund angezeigt!
Sie können die Webseite in acht Teile aufteilen, indem Sie viele
-Blöcke hinzufügen, haha, und dann in jeden Block einfügen, was Sie wollen.Natürlich fügen viele
Erstellen Sie einen neuen Notizblock, benennen Sie ihn in c.css um, öffnen Sie ihn und schreiben Sie :
#header{width:200px;height:100px;border-style:solid;}und löschen Sie es in a.html
und fügen Sie dann hinzu. c.css“ />
bedeutet Importieren der Datei c.css. Der Vorteil, das CSS in einer separaten Datei abzulegen, besteht darin, dass wir, wenn an vielen Stellen auf diesen Stil verwiesen wird, nur diese eine Stelle ändern müssen und sich alles ändern wird. Andernfalls müssen wir jede Stelle manuell ändern, was später nicht förderlich ist Wartung.
Ändern Sie abschließend das
Ist der Effekt derselbe wie zuvor?
An diesem Punkt sollten Sie in der Lage sein, „Gedichte zu rezitieren, auch wenn Sie nicht wissen, wie man Gedichte schreibt“. Wissen Sie, was los ist, und viele Tags werden nicht abgedeckt, daher müssen Sie sich einige Video-Tutorials ansehen oder ein Buch kaufen, um zu lernen!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
