Wenn Sie sich nicht dafür einsetzen, Künstler zu werden, können Sie als Entwickler HTML verstehen und bei Bedarf einfache Modifikationen vornehmen. Befolgen Sie meine Ideen unten, um sicherzustellen, dass ein Artikel HTML verstehen kann. Natürlich ist es während des Wiederlesens erneut, es selbst auszuprobieren, damit das Verständnis tiefer sein wird. Ok, starten Sie unten: (Die folgenden Symbole sind alle in Englisch eingegeben)
1. Grundregeln von HTML<html>
<kopf>
<title> Meine Webseite </title>
………………………………………………………………………………………………………………………………………………………………………………………………….
</head>
<body>
………………………………………………….
</body>
</html>
Fast alle Webseiten befinden sich in diesem Format. Dies ist ein Muss für eine Webseite. Jede Marke wird in <> in <> platziert und endet mit </>, außer dass es den Ellipsis, was wir sehen, viele unordentliche Dinge hinzugefügt werden.
Kopieren Sie den oben genannten Code in einen Notizblock und speichern Sie ihn als HTML -Datei, und er wird zu einer Webseite. Versuchen wir es
Öffnen Sie es unten im Notizblock, fügen Sie die Word -Homepage zwischen <body> hinzu, speichern Sie es und öffnen Sie sie dann das folgende Bild:
Fügen Sie als nächstes eine Marke auf der Vorder- und Rückseite der Startseite hinzu und ändern Sie sie in <a href =#> Homepage </a>, speichern Sie es und sehen Sie, was der Effekt ist?
Ist es der Hyperlink, den wir normalerweise online sehen? Die Startseite wird jedoch nicht geändert, wenn Sie hier auf die Startseite klicken, da wir eine leere Verbindung hinzugefügt und das Eisen geschlagen haben, während sie heiß ist. Wir folgten der vorherigen Methode und erstellten eine Seite, die als B.HTML gespeichert war, und ersetzte dann die obige # obs durch B.html. Klicken Sie nach dem Öffnen auf die Startseite. Werden wir zu Seite B springen? (Natürlich müssen die Seiten A und B im selben Verzeichnis sein.
2. Website -StrukturWenn Sie beim Surfen im Internet aufpassen, werden die Webseiten tatsächlich in Stücke unterteilt, wie im Bild gezeigt
Dies ist natürlich nur eine allgemeine Struktur. Sie können es auch nach Ihren Anforderungen in viele Blöcke unterteilen. Die Blöcke dienen hauptsächlich zum Ändern von Aspekten und zur Bestimmung ihrer jeweiligen Ausdrucksstile.
Dies wird hauptsächlich durch das <div> </div> -Tag erreicht. Lassen Sie mich versuchen, das <div> -Tag zur Startseite hinzuzufügen:
<div>
<a href = b.html> homepage </a>
</div>
Speichern, versuchen Sie es beim Öffnen, wie wird es sein?
Ist es immer noch das gleiche wie vor der Modifikation? Fügen wir ihm einige Änderungen hinzu:
<div style = width: 200px; Höhe: 100px; Grenzstil: Feste; >
Beim Laufen wird das von uns markierte Stück durch einen blauen Hintergrund dargestellt!
Fügen Sie viel <div> </div> Blöcke hinzu, um die Webseite aus einer großen Menge zu entfernen, haha, und geben Sie dann das ein, was Sie in jeden Block einfügen möchten.
Natürlich haben viele <div> s style =. Wenn diese Stileinstellungen ähnlich sind, ist jede unserer Einstellungen zu problematisch. Normalerweise platzieren wir Stile in einer anderen .css -Datei (steuert die Anzeigstile jeder Marke auf der Webseite) und rufen sie dann dort an, wo sie aufgerufen werden müssen. Versuchen wir es unten
Erstellen Sie einen neuen Notizblock, benennen Sie ihn in C.CSS um und öffnen Sie es und schreiben Sie ihn an:
#header {width: 200px; Höhe: 100px; Grenzstil: Solid;}
Und löschen Sie es in a.html
Dann fügen Sie <link rel = styleSheet type = text/css href = csss/> vor </head> hinzu
Das heißt, stellen Sie die C.CSS -Datei ein. Der Vorteil des Einlegens von CSS in eine separate Datei besteht darin, dass wenn sich viele Orte auf diesen Stil beziehen, solange wir diesen Ort ändern, sich alle ändern, sonst müssen wir jeden Ort manuell ändern, was für die spätere Wartung nicht förderlich ist.
Schließlich ändern Sie die <div> von A.html in <div id = header>
Ist der Effekt der gleiche wie zuvor?
Fast, an diesem Punkt kann ich wahrscheinlich keine Gedichte schreiben und sie rezitieren. In diesem Artikel wird hauptsächlich alle ein allgemeines Verständnis von HTML haben und wissen, was los ist. Es gibt immer noch viele Tags, die nicht beteiligt sind. Sie müssen dieses Buch für Webdesign finden und es auswendig lernen.