suchen
HeimWeb-FrontendHTML-TutorialZu den grundlegenden Verwendungsmöglichkeiten von HTML gehören Links, Stylesheets, Span und Div usw._HTML/Xhtml_Webseitenerstellung

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.
Stellungnahme
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
HTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchHTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchApr 12, 2025 am 12:02 AM

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Die Rolle von HTML: Strukturierung von WebinhaltenDie Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

HTML und Code: Ein genauerer Blick auf die TerminologieHTML und Code: Ein genauerer Blick auf die TerminologieApr 10, 2025 am 09:28 AM

HtmlisaspecifictypeofcodeFocusedonstructuringuringwebcontent, während "Code" breitincludesluages ​​-ähnlichjavaScriptandpythonforfunctionality.1) htmldefineswebpageStructureStags.2) "Code" cometesaWiNrangeOfLanguagesForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForfirsInsForfunctionNacts

HTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerHTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerApr 09, 2025 am 12:12 AM

HTML, CSS und JavaScript sind die drei Säulen der Webentwicklung. 1. HTML definiert die Webseitenstruktur und verwendet Tags wie z.

Die Rollen von HTML, CSS und JavaScript: KernverantwortungDie Rollen von HTML, CSS und JavaScript: KernverantwortungApr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

Ist HTML für Anfänger leicht zu lernen?Ist HTML für Anfänger leicht zu lernen?Apr 07, 2025 am 12:11 AM

HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

Was ist ein Beispiel für ein Start -Tag in HTML?Was ist ein Beispiel für ein Start -Tag in HTML?Apr 06, 2025 am 12:04 AM

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

Wie kann ich das Flexbox -Layout von CSS verwenden, um eine zentrale Ausrichtung des Segmentierungseffekts für gepunktete Linien im Menü zu erzielen?Wie kann ich das Flexbox -Layout von CSS verwenden, um eine zentrale Ausrichtung des Segmentierungseffekts für gepunktete Linien im Menü zu erzielen?Apr 05, 2025 pm 01:24 PM

Wie gestalte ich den Segmentierungseffekt der gepunkteten Linien im Menü? Bei der Gestaltung von Menüs ist es normalerweise nicht schwierig, links und rechts zwischen dem Gerichtsnamen und dem Preis von Schalen auszurichten, aber wie wäre es mit der gepunkteten Linie oder dem Punkt in der Mitte ...

See all articles

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ßer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Leistungsstarke integrierte PHP-Entwicklungsumgebung

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen