Heim  >  Artikel  >  Web-Frontend  >  Grundlegende Verwendung von HTML (Erklärung der HTML-Tags)

Grundlegende Verwendung von HTML (Erklärung der HTML-Tags)

高洛峰
高洛峰Original
2017-02-13 14:08:341455Durchsuche

Die grundlegendsten HTML-Tags: Link, FRAMES, Span, P und Stylesheet-CSS. Diese müssen erlernt werden, bevor Sie HTML-Code von Hand schreiben können.

1. Links
Hypertext-Links in HTML sind sehr wichtig:
Linktext

1. Lokaler Link
①Absolute Road King:
Absolute Road King-Link zum lokalen Bild
② Relativ Road King
Relative Road King-Links zu lokalen Bildern
③Links zum Verzeichnis der oberen Ebene
Link zum Verzeichnis der oberen Ebene

2. URL-Link
Format: Protokollname://host.domainname/roadjin/dateiname
Zu den Protokollen gehören:
Datei Lokale Systemdatei
http WWW-Server
FTP-Server FTP-Server
Telnet TELNET-basiertes Protokoll
mailto E-Mail
News Usenet News Group
Gopher GOPHER-Server
wais WAIS-Server
wie: Baidu

Verzeichnislink
Legen Sie zunächst einen Absatz fest Link-Speicherort im Format:

Rufen Sie dann die Datei in diesem Link-Teil auf, um den Link zu definieren:
< A HREF= „Dateiname#Link-Speicherortname“>Linktext
Wenn Sie innerhalb einer Datei springen, kann der Dateiname natürlich auch weggelassen werden.

2. Multi-View-Fenster FRAMES
HTML-Dateien, die mit der FRAMES-Struktur erstellt wurden, können das gesamte Fenster in mehrere unabhängige kleine Fenster unterteilen, und jedes kleine Fenster kann verschiedene Dateien laden und kann miteinander kommunizieren.
1. Grundstruktur:







...


2. Größeneinstellung jedes Fensters
Wir teilen das Fenster in mehrere Teile auf, indem wir das ROWS-Attribut für die horizontale Teilung und das COLS-Attribut für die vertikale Teilung verwenden. Die Größe jedes Teils kann durch den Wert dieser beiden Attribute realisiert werden.

Der Wert von
# ist ein in Anführungszeichen eingeschlossenes Zeichenfolgenpaar. Die Zahl in der Zeichenfolge gibt die Belegung jedes Fensters an . Die Größen werden durch Kommas getrennt und die Zahlen können auch durch „*“ ersetzt werden, um anzuzeigen, dass der Browser die Größe automatisch zuweist. Zum Beispiel


3. Interaktion zwischen Fenstern
①Das src-Attribut des Frames wird verwendet, um den zu verknüpfenden Inhalt anzugeben, das name-Attribut gibt den Namen des Fensters und das target-Attribut an wird verwendet, um den Link anzugeben, in dem die Datei angezeigt wird. Der Wert kann der durch Name definierte Name oder die folgenden vier Arten von Werten sein:
Ein neues Fenster anzeigen
Wird im selben Fenster angezeigt
Wird im Fenster der vorherigen Datei im Frameset angezeigt
Wird im gesamten Browserfenster angezeigt
②Andere Attribute des Rahmens
#=yes,no
frameborder gibt die Einstellung des Rahmens jedes Fensters an: Ja bedeutet, dass es einen gibt Rand, nein bedeutet kein Rand

Der Wert von
# ist Pixel. Mit dieser Eigenschaft wird die Breite oben, unten, links und rechts festgelegt Die Ränder des Fensters werden automatisch vom Browser bestimmt.

#=yes,no,auto
Bildlaufleisteneinstellung, ja bedeutet ja, nein bedeutet nein, auto bedeutet automatisch vom Browser festgelegt, der Standardwert ist auto.


Das noresize-Attribut gibt an, dass der Benutzer die Größe des Rahmens nicht ändern kann. Standardmäßig kann die Größe von Rahmen geändert werden, indem die „Wände“ dazwischen gezogen werden. Diese Eigenschaft fixiert die Größe der Rahmen.

3. Stylesheet
1. Die wichtigste Rolle des Stylesheets besteht darin, eine Methode bereitzustellen, um den Stil aller Webseiten konsistent zu halten.
Die drei Ebenen von Stylesheets, in der Reihenfolge von der niedrigen zur hohen Ebene, sind:
① Integriertes (Inline-)Stylesheet: anwendbar auf den Inhalt eines einzelnen Elements
② Stylesheet: Anwendbar auf den Hauptteil des gesamten Dokuments
③ Externes (externes) Stylesheet: Kann auf den Hauptteil mehrerer Dokumente angewendet werden
Wenn ein Konflikt auftritt, wird der Low-Level-Stil verwendet Blatt hat Vorrang bei der Verwendung.
2. Probleme, auf die Sie bei der Verwendung von CSS achten müssen:
①Einige Browser unterstützen möglicherweise bestimmte Attributwerte nicht. In diesem Fall ignoriert der Browser diese Attributwerte oder ersetzt sie durch einen optionalen Wert.
②Der integrierte Stil passt sich nur an ein einzelnes Element an, was tatsächlich gegen die ursprüngliche Designabsicht des Stylesheets verstößt. Daher sollte er mit Vorsicht verwendet werden.
③Die Stilbeschreibung auf Dokumentebene erscheint in der Kopfzeile des Dokuments und gilt für den gesamten Textkörper des Dokuments. Auf diese Weise kann der Gesamtstil der Website-Erstellung konsistent gehalten werden.
④Das externe Stylesheet ist nicht Teil des Dokuments, in dem es verwendet wird. Das externe Stylesheet muss separat gespeichert werden und muss bei der Verwendung erklärt werden. Externe Stylesheets können mit dem MIME-Typ text/css in einige Textdateien geschrieben werden. Sie können auf jedem Computer im Internet gespeichert werden, genau wie beim Abrufen des Dokuments. Das -Element am Kopf einer Webseite kann auch verwendet werden, um ein externes Stylesheet anzugeben. In wird das rel-Attribut verwendet, um die Beziehung zwischen dem verlinkten Dokument und dem Dokument anzugeben, das den Link enthält. und das href-Attribut wird verwendet, um den Stil anzugeben. Die URL-Adresse des Tabellendokuments. Wie zum Beispiel


4
Verwendung von
In manchen Fällen ist es erforderlich, dass einige spezielle Schriftartattribute nur auf einen Teil des Textes des gesamten Absatzes angewendet werden, z. B. um ein bestimmtes Wort oder eine bestimmte Phrase auf eine andere Schriftart festzulegen oder Hintergrund usw. Hier können Sie das Element verwenden, zum Beispiel:

Ich magProgramming< ; /span>, das ist eine sehr angenehme Sache.



Verwendung von


Auf Webseiten sind Abschnitte eine sehr häufige Form. Jeder Abschnitt besteht aus mehreren Absätzen Stattdessen können Sie Abschnitte auf einer Webseite formatieren. Zu diesem Zeitpunkt können Sie

verwenden. Der Hauptzweck besteht darin, die Anzeigedetails eines bestimmten Abschnitts oder Bereichs auf der Webseite festzulegen.

Weitere Artikel zur grundlegenden Verwendung von HTML (Erklärung von HTML-Tags) finden Sie auf der chinesischen PHP-Website!