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
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 < >, 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
<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
-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<div style=”width:200px;height:100px;border-style:solid;” >
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
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!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1377
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
