Heim >Web-Frontend >HTML-Tutorial >In einem Artikel erfahren Sie, wie Sie HTML lernen
In einem Artikel erfahren Sie, wie Sie HTML lernen
- 迷茫Original
- 2017-01-23 14:01:081233Durchsuche
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 ac8dd0ec80a67fb77069a098a0832a7bHomepage5db79b134e9f6b82c0b36e0489ee08ed wechseln, speichern und den Effekt noch einmal sehen?
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 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
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 dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68-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 dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68-Blöcke hinzufügen, haha, und dann in jeden Block einfügen, was Sie wollen.
Natürlich fügen viele dc6dce4a544fdca2df29d5ac0ea9906b hinzu. Wenn diese Stileinstellungen ähnlich sind, ist es für uns zu mühsam, jeden einzelnen Stil festzulegen ( Steuern des Anzeigestils jedes Tags auf der Webseite) und dann den Aufruf dort durchführen, wo er aufgerufen werden muss
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 844df15bd3ebb461a9c49ca37758df32 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 dc6dce4a544fdca2df29d5ac0ea9906b von a.html in 4491e45d6f8c93b3d740a42a3cd9ca89
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!