Heim >Web-Frontend >HTML-Tutorial >Ein Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen
Ein Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen
- yuliaOriginal
- 2018-09-11 15:18:322543Durchsuche
Wenn Sie nicht unbedingt Künstler werden möchten, 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.
1. Grundregeln von HTML
rrreeDies ist eine Markierung, die eine Webseite haben muss 6d267e5fab17ea8bc578f9e7e5e1570b, es endet mit 5f557f62ae7ac7a14e0b1cb564790dfc, aber in den Ellipsen werden viele unordentliche Dinge hinzugefügt, was wir sehen. Kopieren Sie den obigen Code in einen Notizblock und speichern Sie ihn dann als HTML-Datei. Probieren Sie es aus. Öffnen Sie es anschließend im Editor-Modus, fügen Sie das Wort „Homepage“ zwischen 6c04bd5ca3fcae76e30b72ad730ca86d ein, speichern Sie es und öffnen Sie es erneut, um einen Blick darauf zu werfen.
Fügen Sie als Nächstes die Markierung 3499910bf9dac5ae3c52d5ede7383485 vor und nach der Homepage hinzu, um sie in bf17ce155d71c8455102a509bedbb68aHomepage5db79b134e9f6b82c0b36e0489ee08ed zu ändern, speichern Sie sie und sehen Sie den Effekt erneut?
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, dazu dient, zu schlagen, während 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.) Jetzt sollten Sie verstehen, dass tatsächlich alle Funktionen auf der Webseite durch unterschiedliche Tags implementiert werden, ähnlich wie bei 3499910bf9dac5ae3c52d5ede7383485 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. Dies ist natürlich nur eine grobe Struktur. Sie können sie auch entsprechend Ihren Anforderungen in viele Blöcke aufteilen. Der Hauptzweck der Aufteilung der Blöcke besteht darin, Aspekte zu ändern und ihren jeweiligen Leistungsstil zu bestimmen. Dies wird hauptsächlich durch das Tag dc6dce4a544fdca2df29d5ac0ea9906b erreicht:
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
Speichern Sie es und versuchen Sie, es zu öffnen Wirkung? Ist es immer noch dasselbe wie vor der Änderung? Fügen wir einige Änderungen hinzu:
<div> <a href=”b.html”>首页</a> </div>
läuft und der von uns markierte Bereich wird mit einem blauen Hintergrund angezeigt! Durch das Hinzufügen vieler dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68-Blöcke können Sie die Webseite in acht Teile aufteilen, haha, und dann in jeden Block einfügen, was Sie wollen. Natürlich werden viele dc6dce4a544fdca2df29d5ac0ea9906b mit hinzugefügt. Wenn diese Stileinstellungen ähnlich sind, wäre es für uns zu mühsam, jeden einzelnen Stil festzulegen (wobei wir jedes Element steuern). die Webseite).
<div style=”width:200px;height:100px;border-style:solid;” >
und lösche es in a.html. Fügen Sie dann a6f64073bf04da05af6a8dffbf7944f2 vor 9c3bca370b5104690d9ef395f2c5f8d1 hinzu, was bedeutet, dass die Datei c.css eingeführt wird. 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 dc6dce4a544fdca2df29d5ac0ea9906b von a.html in 4491e45d6f8c93b3d740a42a3cd9ca89. Wird der Effekt derselbe sein wie zuvor?
Das obige ist der detaillierte Inhalt vonEin Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!