Die grundlegende Verwendung von HTML enthält Links, Stylesheets, Spans und Divs usw.

Autor：Eve Cole Aktualisierungszeit：2025-06-08 00:00:02

1. Link

In HTML ist der Link zum Hypertext sehr wichtig, und das Grundformat lautet wie folgt:

1. Lokaler Link

①Absolute Straßenkraft:

<A href = c: /images/article.jpg> Absolute Straßenkraftverbindung zu lokalen Bildern </a> </a>

②Relative Lu Jin

<A href = artical2.jpg> relativer Lujin -Link zu lokalen Bildern </a>

③Link zum vorherigen Verzeichnis

<A href = ../test.htm> Link zum vorherigen Verzeichnis </a>

2. URL -Link

Formular: Protokollname: //host.domain name/lujin/Dateiname

Die Vereinbarung umfasst:

Lokale Systemdatei Datei

HTTP WWW Server

FTP FTP Server

Telnet-basiertes Protokoll

Mailto -E -Mail

Nachrichten Ussenet News Group

Gopher Gopher Server

WAIS WAIS -Server

Zum Beispiel: <a href = http: //www.baidu.com> baidu </a>

3.. Verzeichnisverbindung

Setzen Sie zuerst einen Absatz in die Linkposition, das Format lautet:

Rufen Sie die Datei in diesem Link -Teil an, um den Link zu definieren:

Wenn Sie in eine Datei springen, kann der Dateiname natürlich weggelassen und nicht geschrieben werden.

2. Multi-View-Fensterrahmen

HTML -Dateien, die mit Frames -Struktur entwickelt wurden, können das gesamte Fenster in mehrere unabhängige kleine Fenster unterteilen. Jedes kleine Fenster kann verschiedene Dateien laden und miteinander kommunizieren.

1. Grundstruktur:

<html>

<kopf>

</Head>

...

</Frameset>

</Html>

2. Größeneinstellungen jedes Fensters

Wir teilen das Fenster in mehrere Teile, verwenden das Zeilenattribut horizontal und verwenden das COLS -Attribut vertikal. Die Größe jedes Stücks kann durch die Werte dieser beiden Eigenschaften erreicht werden.

Der Wert von # ist ein Paar Strings, die in Zitaten eingeschlossen sind. Die Zahlen in der Zeichenfolge stellen die von jedem Fenster besetzte Größe dar, die durch Kommas in der Mitte getrennt sind. Die darin enthaltenen Zahlen können auch durch *ersetzt werden, was darauf hinweist, dass die Größe automatisch vom Browser zugeordnet wird. wie

<Rameet cols = 100,*,*> Verteiler Fenster außer 100 Pixel gleichmäßig

3.. Interoperabilität zwischen Windows

① Das SRC -Attribut des Frame wird verwendet, um den zu verknüpften Inhalt anzugeben, das Name des Namens gibt den Namen des Fensters an und das Zielattribut gibt das Fenster an, in dem die verknüpfte Datei angezeigt wird. Sein Wert kann der mit Namen definierte Name sein oder die folgenden vier Arten von Werten sein:

<a href = url target = _blank> zeigt ein neues Fenster an

<a href = url target = _self> Zeigt im selben Fenster an

<a href = url target = _parent> Fenster angezeigt die vorherige Datei im Frameset

<a href = url target = _top> Zeigt im gesamten Browserfenster an

② andere Eigenschaften des Rahmens

<Frame Framborder = #> #= Ja, nein

FrameBorder gibt die Einstellungen jedes Fensterrandes an: Ja, es gibt einen Rand, nein bedeutet, dass es keinen Rand gibt

Der Wert von # ist ein Pixelpunkt. Diese Eigenschaft wird verwendet, um die Breite der oberen, unteren, linken und rechten Grenzen des Fensters einzustellen. Wenn nicht festgelegt, wird es automatisch vom Browser bestimmt.

<Frame Scrolling =#>#= Ja, Nein, automatisch

Scrollbar -Einstellungen, ja bedeutet Ja, nein, automatisch bedeutet automatisch vom Browser, der Standardwert ist automatisch.

Die Noresize -Eigenschaft gibt an, dass der Benutzer den Frame nicht ändern kann. Standardmäßig kann die Größe des Rahmens geändert werden, indem die Wände zwischen den Frames ziehen, die die Größe des Rahmens sperren können.

3. Stilblatt

1. Die wichtigste Funktion von Stilblättern besteht darin, die Stile aller Webseiten konsistent zu halten.

Die drei Ebenen eines Stilblatts sind von der unteren Ebene bis zur höheren Ebene in Ordnung:

①.

②. Dokumentstichstilblatt: Geeignet für den Körper des gesamten Dokuments

③. Externe Stilblatt: Kann im Körper mehrerer Dokumente angewendet werden

Bei Verwendung haben Stylesheets mit niedrigem Niveau Priorität beim Gebrauch, wenn ein Konflikt vorliegt.

2. Themen, die bei der Verwendung von CSS geachtet werden müssen:

① Einige Browser unterstützen bestimmte Attributwerte möglicherweise nicht. Zu diesem Zeitpunkt ignoriert der Browser diese Attributwerte entweder oder ersetzt sie durch einen optionalen Wert.

② Der eingebaute Stil passt sich nur an ein einzelnes Element an, das tatsächlich gegen die ursprüngliche Designabsicht des Stylesheetes verstößt, sodass er mit Vorsicht verwendet werden sollte.

③ Dokumentschichtstil Beschreibung erscheint im Header des Dokuments und eignet sich für den gesamten Körper des Dokuments. So kann der Gesamtstil des Website -Konstruktion konsistent sein.

④ Das externe Stilblatt ist nicht Teil des Dokuments, das es verwendet. Das externe Stilblatt muss separat gespeichert und bei der Verwendung erklärt werden. Externe Stilblätter können mit Text/CSS -MIME -Typ in Textdateien geschrieben werden, die auf jedem Computer im Internet gespeichert werden können, und der Browser erhält externe Stilblätter, als wäre es ein Dokument. Das Element <Link> am Kopf der Webseite kann auch verwendet werden, um ein externes Stilblatt anzugeben. In <Link> wird das REL -Attribut verwendet, um die Beziehung zwischen dem verknüpften Dokument und dem Dokument mit dem geänderten Link anzugeben, und das HREF -Attribut wird verwendet, um die URL -Adresse des Style Sheet -Dokuments anzugeben. wie

4. Span und Div

Verwendung von <span>

In einigen Fällen sind bestimmte spezielle Schriftarteigenschaften erforderlich, um nur auf einen Teil des Textes des gesamten Absatzes zu gelten, z.

<p> Ich mag <span style = Schriftgröße: 24PT; Schriftfamilie: fett; Farbe: Rot> Programmierung </span>, was eine sehr angenehme Sache ist. </p>

Verwendung von <div>

Auf Webseiten sind Abschnitte eine sehr verbreitete Form, jeder Abschnitt besteht aus mehreren Absätzen. Wenn es im Design ist, hofft es, dass nicht nur jeder Absatz, sondern auch die Abschnitte auf der Webseite gestylt werden können. Zu diesem Zeitpunkt können Sie <Div> verwenden, das hauptsächlich verwendet wird, um die Erscheinungsdetails eines Abschnitts oder Bereichs auf der Webseite anzugeben.