Überblick über die grundlegenden Bestandteile von HTML-Webseiten

Überblick über die grundlegenden Bestandteile von HTML-Webseiten
<br />Die Informationen auf Webseiten bestehen hauptsächlich aus Text. Auf einer Webseite können Sie die Eigenschaften eines Textes über Schriftart, Größe, Farbe, Schattierung, Rahmen usw. festlegen. Mit dem hier genannten Text ist der Text gemeint, nicht der Text im Bild. Bei der Erstellung von Webseiten kann Text problemlos in verschiedenen Schriftarten und Größen verwendet werden. Es wird jedoch empfohlen, den Haupttext nicht zu groß zu machen und nicht zu viele Schriftarten zu verwenden. Chinesischer Text kann Songti, 9 Pfund oder etwa 12 Pixel verwenden. Denn bei zu großen Zeichen wirken die Linien bei der Darstellung auf dem Monitor nicht flüssig genug. Die Farben sollten nicht zu fleckig sein, um nicht den vulgären Eindruck einer hässlichen, stark geschminkten Frau zu erwecken. Für die Gestaltung längerer Textabschnitte empfiehlt es sich, auf gute Zeitschriften oder Zeitungen zurückzugreifen.
Die farbenfrohen Webseiten, die wir heute sehen, sind alle auf Bilder zurückzuführen, was die Bedeutung von Bildern in Webseiten zeigt. Die auf Webseiten verwendeten Bilder liegen im Allgemeinen im JPG- und GIF-Format vor, d. h. es handelt sich um Dateien mit den Endungen .jpg (oder .jpeg) und .gif.
Hinweis: Obwohl Bilder auf Webseiten unverzichtbar sind, dürfen nicht zu viele davon vorhanden sein, da Bilder langsam heruntergeladen werden. Wenn zu viele Bilder auf einer Webseite eingefügt werden, dauert es möglicherweise lange, bis sie geöffnet wird, sodass die Betrachter im Allgemeinen nicht länger warten möchten. Darüber hinaus wirkt eine Webseite unübersichtlich, wenn zu viele Bilder vorhanden sind, und überdeckt tendenziell den Hauptinhalt.
Hyperlinks sind die Seele einer Website, sie verlinken von einer Webseite zu einem anderen Ziel. Es kann beispielsweise auf eine andere Webseite oder auf eine andere Stelle auf derselben Webseite verweisen. Dieses Ziel ist normalerweise eine andere Webseite, es kann aber auch ein Bild, eine E-Mail-Adresse, eine Datei, ein Programm oder ein anderer Ort auf dieser Seite sein. Ein Hyperlink kann Text oder ein Bild sein. Hyperlinks sind in Bildern und Texten auf Webseiten weit verbreitet und stellen Links zu Inhalten bereit, die mit den Bildern und Texten in Zusammenhang stehen. Durch Klicken mit der linken Maustaste auf den Hyperlink können Sie auf die Webseite mit der entsprechenden Adresse (URL) verlinken. Bei Links verwandelt sich die Maus in eine kleine Hand, wenn Sie mit der Maus darüber zeigen. Man kann sagen, dass Hyperlinks das Hauptmerkmal des Webs sind.
Tabellen sind die Seele des Webseiten-Layouts. Die Verwendung von Tabellen für den Schriftsatz ist heutzutage die gängige Form der Webseitenerstellung. Mithilfe von Tabellen kann die Position jedes Webseiten-Elements auf der Webseite präzise gesteuert werden. Mit „Tabelle“ ist nicht die Tabelle im intuitiven Sinn einer Webseite gemeint, sondern der Begriff hat einen weiteren Umfang. Es ist ein Element in der HTML-Sprache. Die Tabelle wird hauptsächlich verwendet, um den Inhalt einer Webseite anzuordnen und das Erscheinungsbild der gesamten Webseite zu organisieren. Durch Platzieren entsprechender Bilder oder anderer Inhalte in der Tabelle können diese effektiv zu einer Seite kombiniert werden, die dem Designeffekt entspricht. Durch Tabellen können Elemente in Webseiten einfach an den vorgesehenen Positionen fixiert werden. Auf Webseiten werden Tabellenränder grundsätzlich nicht angezeigt.
Ein Formular besteht aus einer Reihe von Feldern, die zum Sammeln von Informationen von Site-Besuchern verwendet werden. Site-Besucher füllen Formulare aus, indem sie Text eingeben, Optionsfelder und Kontrollkästchen anklicken und Optionen aus Dropdown-Menüs auswählen. Nach dem Ausfüllen des Formulars übermittelt der Site-Besucher die eingegebenen Daten, die je nach eingerichtetem Formular-Handler auf unterschiedliche Weise verarbeitet werden.
Animationen sind das aktivste Element einer Webseite. Normalerweise sind hervorragende und kreative Animationen der effektivste Weg, um Zuschauer anzuziehen. Allerdings mangelt es heutigen Webseiten oft nicht an Animationen, sondern es sind eher zu viele Animationen vorhanden, die den Betrachter blenden und ihm das Interesse am Betrachten nehmen. Dies stellt immer höhere Anforderungen an die Animationsproduktion. Es gibt viele Möglichkeiten, Animationen zu erstellen, und die Technologie entwickelt sich sehr schnell. Obwohl verschiedene Formen der Animation in unterschiedlichen Formen verwendet werden, ist die GIF-Animation immer noch eine der dominierenden Webanimationen. Der Standard der GIF-Animation ist einfach und kann in allen Browsertypen und -versionen abgespielt werden.
Obwohl es Macromedia Flash noch nicht lange gibt, ist es bereits zu einer der wichtigsten Formen der Webanimation geworden. Flash ist nicht nur viel einfacher zu erlernen als DHTML, sondern verfügt auch über viele wichtige Animationsfunktionen wie Keyframe-Tweening, Bewegungspfade, Animationsmasken, Formverformung und Onion Skinning. Mit diesem vielseitigen Programm können Sie nicht nur Flash-Filme erstellen, sondern auch Animationen als QuickTime-Dateien, GIF89a-Dateien oder viele andere Dateiformate (PICT, JPEG, PNG usw.) exportieren.
Ein Frame ist eine Organisationsform für Webseiten, die den Inhalt mehrerer zusammengehörender Webseiten in einem Browserfenster organisiert. Beispielsweise können wir eine Navigationsleiste in einem Frame platzieren und der Inhalt in einem anderen Frame kann sich ändern, wenn Sie auf den Link in der Navigationsleiste klicken. Auf diese Weise müssen wir nur eine Webseite mit einer Navigationsleiste erstellen, ohne den Inhalt der Navigationsleiste in die Webseiten der einzelnen Spalten kopieren zu müssen.
Zusätzlich zu diesen grundlegenden Elementen enthalten Webseiten auch Bannerwerbung, Untertitel, Hover-Buttons, Datumsstempel, Zähler, Audio, Video usw.

<<:  Es ist Jahresende, ist Ihr MySQL-Passwort sicher?

>>:  Implementierung von nacos1.3.0, erstellt mit Docker

Artikel empfehlen

Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser

Erst Code, dann Text Code kopieren Der Code lautet...

MySQL Series 7 MySQL-Speicher-Engine

1. MyISAM-Speicher-Engine Mangel: Keine Unterstüt...

Ausführliches Tutorial zur Installation von MySQL 8.0.19 (Windows 64 Bit)

Inhaltsverzeichnis MySQL initialisieren MySQL-Die...

Kopieren und Einfügen ist der Feind der Verpackung

Bevor wir über OO, Entwurfsmuster und die vielen o...

Verwendung von Vue3-Seiten, Menüs und Routen

Inhaltsverzeichnis 1. Klicken Sie auf das Menü, u...

jQuery benutzerdefinierter Lupeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

Optimierung der MySQL 4G-Speicherserverkonfiguration

Da die Anzahl der Besuche auf der Website des Unt...

CentOS 7.x-Bereitstellung von Master- und Slave-DNS-Servern

1. Vorbereitung Beispiel: Zwei Maschinen: 192.168...

Schritte für Vue3 zur Verwendung von Mitt für die Komponentenkommunikation

Inhaltsverzeichnis 1. Installation 2. Ins Projekt...

Beispiel für die MySQL-Volltext-Fuzzy-Suche nach der Methode MATCH AGAINST

MySQL 4.x und höher bieten Unterstützung für die ...