Heim Web-Frontend HTML-Tutorial Zu den grundlegenden Verwendungsmöglichkeiten von HTML gehören Links, Stylesheets, Span und Div usw._HTML/Xhtml_Webseitenerstellung

Zu den grundlegenden Verwendungsmöglichkeiten von HTML gehören Links, Stylesheets, Span und Div usw._HTML/Xhtml_Webseitenerstellung

May 16, 2016 pm 04:39 PM
链接

1. Links
Hypertext-Links in HTML sind wie folgt:

Linktext

Lokal Link
①Absolute Straßenstärke:
Absolute Straßenstärke, Links zu lokalen Bildern
②Relative Straßenstärke
Relative Straßenstärke, Links zu lokalen Bildern
③ Link zum übergeordneten Verzeichnis

Link zum übergeordneten Verzeichnis

2. URL-Link
Format: Protokollname: //host.domain name /roadjin /filename
Zu den Protokollen gehören:
Datei, lokale Systemdatei
http-WWW-Server
FTP-FTP-Server
Telnet TELNET-basiertes Protokoll
Mailto-E-Mail
Nachrichten Usenet-Newsgruppe
gopher GOPHER server
wais WAIS server

Wie zum Beispiel: Baidu

3. Verzeichnislink
Legen Sie zunächst einen bestimmten Absatz als Linkposition und Format fest Für:

Dann rufen Sie die Datei in diesem Linkteil auf und definieren den Link:
Linktext
Natürlich, wenn Sie innerhalb einer Datei springen , der Dateiname. Sie können ihn weglassen und nicht schreiben.

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 miteinander kommunizieren.
1. Grundstruktur:







...


2. Größeneinstellungen jedes Fensters
Wir unterteilen das Fenster in mehrere Teile, wobei wir das ROWS-Attribut für die horizontale Unterteilung verwenden Vertikale Unterteilung Mithilfe des COLS-Attributs kann die Größe jedes Blocks durch die Werte dieser beiden Attribute implementiert werden.

Der Wert von
# ist ein in Anführungszeichen eingeschlossenes Zeichenfolgenpaar. Die Zahl in der Zeichenfolge stellt die Größe jedes Fensters dar, getrennt durch Kommas, wobei die Zahl auch sein kann durch „*“ ersetzt werden, was darauf hinweist, dass die Größe automatisch vom Browser zugewiesen wird. Zum Beispiel:


Verteilen Sie die Fenster gleichmäßig über 100 Pixel
3. Interaktion zwischen Fenstern
①Das src-Attribut des Frames wird verwendet, um das anzugeben Linkinhalt, das Namensattribut gibt den Namen des Fensters an und das Zielattribut wird verwendet, um anzugeben, in welchem ​​Fenster die verknüpfte Datei angezeigt wird. Sein Wert kann der durch Name definierte Name oder die folgenden vier Arten von Werten sein:
Ein neues Fenster anzeigen
Im selben Fenster angezeigt
Im Fenster der vorherigen Datei im Frameset angezeigt
Im gesamten Browserfenster angezeigt
②Andere Eigenschaften des Rahmens
#=yes,no
frameborder gibt die Einstellung jedes Fensterrands an: Ja bedeutet, dass es einen Rand gibt, nein bedeutet keinen Rand

Das Der Wert von
# ist der Pixelpunkt. Mit den Eigenschaften wird die Breite des oberen, unteren, linken und rechten Rands des Fensters festgelegt.

#=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
② (Dokumentebene) Stylesheet: Anwendbar auf den Hauptteil des gesamten Dokuments
③ Externes (externes) Stylesheet: Kann auf den Hauptteil mehrerer Dokumente angewendet werden
Wenn es verwendet wird, wird das Low-Level-Stylesheet hat Vorrang bei der Verwendung.
2. Zu beachtende Probleme bei der Verwendung von CSS:
① 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 seiner 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, das den Link enthält, anzugeben Das href-Attribut wird verwendet, um die URL-Adresse des Stylesheets anzugeben. Zum Beispiel


4. Verwendung von span und div

In einigen Fällen sind einige spezielle Schriftartattribute erforderlich gilt nur für einen Teil des Textes des gesamten Absatzes, z. B. das Festlegen eines bestimmten Worts oder Satzes auf eine andere Schriftart oder einen anderen Hintergrund usw. Dies geschieht durch die Verwendung des -Elements, zum Beispiel:

Ich mag Programmieren sehr, es ist eine sehr angenehme Sache.



Verwendung von

Auf Webseiten sind Abschnitte eine sehr häufige Form. Jeder Abschnitt besteht aus mehreren Absätzen. Bei der Gestaltung ist darauf zu achten, dass nicht nur jeder Absatz vorhanden ist Abschnitte in Webseiten gestalten. Zu diesem Zeitpunkt können Sie
verwenden. Der Hauptzweck besteht darin, die Anzeigedetails eines bestimmten Abschnitts oder Bereichs auf der Webseite festzulegen.
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie Magnetlinks So verwenden Sie Magnetlinks Feb 18, 2024 am 10:02 AM

Magnet-Link ist eine Link-Methode zum Herunterladen von Ressourcen, die bequemer und effizienter ist als herkömmliche Download-Methoden. Mit Magnet-Links können Sie Ressourcen im Peer-to-Peer-Verfahren herunterladen, ohne auf einen Zwischenserver angewiesen zu sein. In diesem Artikel erfahren Sie, wie Sie Magnetlinks verwenden und worauf Sie achten sollten. 1. Was ist ein Magnet-Link? Ein Magnet-Link ist eine Download-Methode, die auf dem P2P-Protokoll (Peer-to-Peer) basiert. Über Magnet-Links können Benutzer eine direkte Verbindung zum Herausgeber der Ressource herstellen, um die gemeinsame Nutzung und das Herunterladen von Ressourcen abzuschließen. Im Vergleich zu herkömmlichen Download-Methoden magnetisch

Wie lade ich Links herunter, die mit 115:// beginnen? Methodeneinführung herunterladen Wie lade ich Links herunter, die mit 115:// beginnen? Methodeneinführung herunterladen Mar 14, 2024 am 11:58 AM

In letzter Zeit haben viele Benutzer den Editor gefragt, wie man Links herunterlädt, die mit 115:// beginnen? Wenn Sie Links herunterladen möchten, die mit 115:// beginnen, müssen Sie den 115-Browser verwenden. Nachdem Sie den 115-Browser heruntergeladen haben, schauen wir uns das unten vom Herausgeber zusammengestellte Download-Tutorial an. Einführung zum Herunterladen von Links, die mit 115:// beginnen. 1. Melden Sie sich bei 115.com an, laden Sie den 115-Browser herunter und installieren Sie ihn. 2. Geben Sie Folgendes ein: chrome://extensions/ in die Adressleiste des 115-Browsers, rufen Sie das Extension Center auf, suchen Sie nach Tampermonkey und installieren Sie das entsprechende Plug-in. 3. Geben Sie in die Adressleiste des Browsers 115 ein: Grease Monkey Script: https://greasyfork.org/en/

Wie erhalte ich den Link zum WeChat-Videokonto? Wie füge ich Produktlinks zu WeChat-Videokonten hinzu? Wie erhalte ich den Link zum WeChat-Videokonto? Wie füge ich Produktlinks zu WeChat-Videokonten hinzu? Mar 22, 2024 pm 09:36 PM

Als Teil des WeChat-Ökosystems haben sich WeChat-Videokonten nach und nach zu einem wichtigen Werbeinstrument für Content-Ersteller und Händler entwickelt. Der Erhalt von Links zu Videokonten auf dieser Plattform ist für das Teilen und Verbreiten von Inhalten von entscheidender Bedeutung. Im Folgenden wird detailliert beschrieben, wie Sie den Link zum WeChat-Videokonto erhalten und wie Sie Produktlinks zum Videokonto hinzufügen, um den Verbreitungseffekt des Inhalts zu verbessern. 1. Wie erhalte ich den Link zum WeChat-Videokonto? Nachdem Sie ein Video auf Ihrem WeChat-Videokonto gepostet haben, erstellt das System automatisch einen Videolink. Autoren können den Link nach der Veröffentlichung kopieren, um die Weitergabe und Verbreitung zu erleichtern. Nachdem Sie sich bei Ihrem WeChat-Videokonto angemeldet haben, können Sie die Startseite Ihres Videokontos durchsuchen. Auf der Startseite ist jedem Video ein entsprechender Link beigefügt, sodass Sie es direkt kopieren oder teilen können. 3. Videokonto suchen: Geben Sie den Namen des Videokontos in das WeChat-Suchfeld ein

So verhindern Sie, dass Outlook Links im Edge-Browser öffnet So verhindern Sie, dass Outlook Links im Edge-Browser öffnet Aug 03, 2023 am 11:49 AM

So verhindern Sie, dass Outlook Links in Edge öffnet. Bevor Sie fortfahren, stellen Sie sicher, dass Ihr bevorzugter Browser als Standardbrowser in Windows festgelegt ist. Dadurch wird sichergestellt, dass der Outlook-Link im gewünschten Browser geöffnet wird. So überprüfen und legen Sie Ihren Standardbrowser fest: Für Windows 10: Klicken Sie auf das Startmenü und wählen Sie „Einstellungen“. Gehen Sie zu „Apps“ und dann zu „Standard-Apps“. Suchen Sie unten in der Liste der Standard-Apps nach „Webbrowser“. sind alle bereit. Wenn Microsoft Edge aufgeführt ist, klicken Sie darauf und wählen Sie Ihren bevorzugten Browser aus der Liste aus. Wenn Sie dazu aufgefordert werden, klicken Sie auf „Trotzdem wechseln“. Beheben Sie Edge-Probleme

So verbinden Sie Apple Notes auf dem iPhone im neuesten iOS 17-System So verbinden Sie Apple Notes auf dem iPhone im neuesten iOS 17-System Sep 22, 2023 pm 05:01 PM

Verknüpfen Sie AppleNotes auf dem iPhone mit der Funktion „Link hinzufügen“. Hinweise: Sie können Verknüpfungen zwischen Apple Notes auf dem iPhone nur erstellen, wenn Sie iOS17 installiert haben. Öffnen Sie die Notizen-App auf Ihrem iPhone. Öffnen Sie nun die Notiz, zu der Sie den Link hinzufügen möchten. Sie können auch eine neue Notiz erstellen. Klicken Sie irgendwo auf den Bildschirm. Daraufhin wird Ihnen ein Menü angezeigt. Klicken Sie auf den Pfeil rechts, um die Option „Link hinzufügen“ anzuzeigen. Klicken Sie darauf. Jetzt können Sie den Namen der Notiz oder die Webseiten-URL eingeben. Klicken Sie dann oben rechts auf „Fertig“ und der hinzugefügte Link wird in der Notiz angezeigt. Wenn Sie einem Wort einen Link hinzufügen möchten, doppelklicken Sie einfach auf das Wort, um es auszuwählen, wählen Sie „Link hinzufügen“ und drücken Sie

Was sind die Voraussetzungen für einen Videolink? Wie verknüpfe ich das Videokonto mit Waren? Was sind die Voraussetzungen für einen Videolink? Wie verknüpfe ich das Videokonto mit Waren? Mar 07, 2024 pm 01:13 PM

Mit der Popularität von Kurzvideoplattformen beginnen immer mehr YouTuber, Videokonten zum Erstellen und Bewerben von Inhalten zu nutzen. Videokonten können nicht nur persönliche Talente zur Schau stellen, sondern durch Produktverknüpfungen auch eine kommerzielle Monetarisierung ermöglichen. Um jedoch einen Link zu einem Videokonto hinzuzufügen, müssen bestimmte Bedingungen erfüllt sein. 1. Was sind die Voraussetzungen für einen Videolink? Die Authentifizierung des Videokontos ist eine Voraussetzung für das Hinzufügen von Links zu Ihrem Videokonto. Derzeit bieten große Kurzvideoplattformen wie Douyin und Kuaishou Zertifizierungsdienste an, die hauptsächlich zwei Arten umfassen: persönliche Zertifizierung und institutionelle Zertifizierung. Die persönliche Zertifizierung erfordert die Übermittlung echter Identitätsinformationen, während die institutionelle Zertifizierung die Bereitstellung von Zertifizierungsmaterialien relevanter Unternehmen oder Organisationen erfordert. Nach Abschluss der Authentifizierung können Benutzer Links zu ihren Videokonten hinzufügen, um die Glaubwürdigkeit und Autorität ihrer Konten zu erhöhen. Einer der Videolinks

So verlinken Sie auf Doudian – Tutorial zum Verlinken auf Doudian So verlinken Sie auf Doudian – Tutorial zum Verlinken auf Doudian Mar 06, 2024 am 08:40 AM

Viele Freunde wissen immer noch nicht, wie man auf Doudian verlinkt, daher erklärt der Redakteur unten das Tutorial zum Verlinken auf Doudian. Wenn Sie es brauchen, schauen Sie es sich meiner Meinung nach an. Schritt 1: Öffnen Sie zunächst das Doudian-Computerterminal und geben Sie in der linken Spalte „Window Product Management“ ein, wie im Bild gezeigt. Schritt 2: Klicken Sie dann oben rechts auf „Produkt hinzufügen“, wie im Bild gezeigt. Schritt 3: Kopieren Sie dann unseren Produktlink und fügen Sie ihn wie im Bild gezeigt ein. Schritt 4: Klicken Sie dann auf „Hinzufügen bestätigen“, wie im Bild gezeigt. Schritt 5: Geben Sie abschließend die Einleitung, Bilder und andere Informationen ein und klicken Sie dann auf „Bestätigen“, um eine Verknüpfung zu Douyin herzustellen, wie im Bild gezeigt. Das Obige ist der gesamte Inhalt zum Hinzufügen von Links zu Doudian, der Ihnen vom Herausgeber zur Verfügung gestellt wurde. Ich hoffe, dass er für alle hilfreich sein kann.

So fügen Sie einen Excel-Link hinzu So fügen Sie einen Excel-Link hinzu Mar 20, 2024 am 08:55 AM

Freunde, die Excel verwendet haben, wissen, dass wir oft einige Links in Excel hinzufügen müssen, damit wir auf einen Link oder ein Schlüsselwort in Excel klicken können, um andere Webseiten oder Orte aufzurufen. Darüber wird der Herausgeber heute über Excel sprechen Links hinzugefügt. Öffnen Sie zunächst die Tabelle und suchen Sie das Schlüsselwort oder Bild, zu dem Sie einen Link hinzufügen möchten. Klicken Sie bei ausgewähltem Textfeld mit der rechten Maustaste und wählen Sie die Option „Hyperlink“. Als nächstes erscheint ein Fenster zum Einfügen eines Hyperlinks mit mehreren Optionen. Sie können wählen, ob Sie einen Link zu Inhalten auf demselben Arbeitsblatt oder zu Ihrem Desktop oder einem anderen Speicherort erstellen möchten. 2. Wenn Sie wie in der Abbildung gezeigt eine Verknüpfung zu Sheet2 herstellen möchten, wählen Sie den Speicherort in der Textdatei aus, wählen Sie dann Sheet2 aus und klicken Sie dann zur Bestätigung auf OK.

See all articles