Ein Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen-HTML-Tutorial-php.cn

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

rrree

Dies ist eine Markierung, die eine Webseite haben muss < >, es endet mit , 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 ein, speichern Sie es und öffnen Sie es erneut, um einen Blick darauf zu werfen.

Fügen Sie als Nächstes die Markierung vor und nach der Homepage hinzu, um sie in Homepage 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 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

erreicht:

<html>
<head>
<title>我的网页</title>
………………………..
</head>
<body>
………………….
</body>
</html>

Nach dem Login kopieren

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>

Nach dem Login kopieren

läuft und der von uns markierte Bereich wird mit einem blauen Hintergrund angezeigt! Durch das Hinzufügen vieler

-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

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;” >

Nach dem Login kopieren

und lösche es in a.html. Fügen Sie dann vor 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

von a.html in

Verwandte Etiketten：

html

Quelle：php.cn

Vorheriger Artikel：Wie stelle ich die Hintergrundfarbe in HTML ein? Detaillierte Analyse des HTML-Hintergrundfarbcodes Nächster Artikel：Eine kurze Einführung in HTML

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn