Absatzlayout und Zeilenumbrüche in HTML-Webseiten
|
Das Erscheinungsbild einer Webseite hängt maßgeblich von ihrem Layout ab. Bei längeren Textabschnitten auf einer Seite erfolgt eine Gliederung in Absätze, wobei auch hier eine strenge Unterteilung der Zeilenumbrüche notwendig ist. Dieser Abschnitt beginnt mit den detaillierten Einstellungen von Absätzen, sodass die Leser nach dem Lernen Tags verwenden können, um große Textabsätze frei zu handhaben. Text und Absätze in HTML-Webseiten <br />Durch das Studium des vorherigen Kapitels verfügen die Leser über eine solide Grundlage für die Gestaltung der Gesamtpräsentation von Webseiten. Leser möchten jedoch nicht nur Text auf der Webseite sehen, sondern auch, dass der Text auf der Webseite gesetzt und geändert wird. In diesem Kapitel lernen Sie einfaches Textlayout, Dekoration, Lauftext und Hyperlinks. Hyperlinks sind bei der Website-Entwicklung allgegenwärtig und stehen im Mittelpunkt von Webseiten. Erstellen Sie beim Studium dieses Kapitels ein Verzeichnis mit dem Namen „chapter3“ im Verzeichnis „D:\web\“, verschieben Sie die Dateien aus dem vorherigen Kapitel nach „D:\web\chapter3“ und klassifizieren Sie sie. In diesem Kapitel werden weiterhin Beispieldateien im Verzeichnis D:\web\ erstellt, sodass die Beispieldateien bequem mit IIS getestet werden können. — Hinweis: In den folgenden Kapiteln wird eine ähnliche Behandlung angewendet und es erfolgt keine Wiederholung. Beispielsweise werden die Dateien in Kapitel 4 unter D:\web\chapter4 klassifiziert. 4.1 Absatzlayout und Zeilenumbrüche <br />Das Erscheinungsbild einer Webseite hängt maßgeblich von ihrem Layout ab. Bei längeren Textabschnitten auf einer Seite erfolgt eine Gliederung in Absätze, wobei auch hier eine strenge Unterteilung der Zeilenumbrüche notwendig ist. Dieser Abschnitt beginnt mit den detaillierten Einstellungen von Absätzen, sodass die Leser nach dem Lernen Tags verwenden können, um große Textabsätze frei zu handhaben. 4.1.1 Umfangreiche Textabschnitte in Absätze unterteilen <br />Um Text einfach in Absätze zu unterteilen, werden häufig die Tags <p></p> verwendet, d. h. der Tag <p> wird am Anfang eines Absatzes und der Tag </p> am Ende eines Absatzes verwendet. Manche Webseiten lassen </p> bei der Unterteilung in Abschnitte weg, d. h. sie werden als einzelne Tags verwendet, da das <p>-Tag am Anfang des nächsten Abschnitts das Ende des vorherigen Abschnitts bedeutet. — Hinweis: Ich empfehle nicht, <p> als einzelnes Tag zu verwenden, da dies zu nicht standardmäßigem Code führt und fehleranfällig ist. Erstellen Sie eine Webseitendatei im Verzeichnis D:\web\, nennen Sie sie p.htm und schreiben Sie den Code wie in Code 4.1 gezeigt. Code 4.1 Segmenteinstellungen: p.htm <html> <Kopf> <title>Segmenteinstellungen</title> </Kopf> <Text> <p>Film-Zweiwochenschau: Sonderkritik zu „Infernal Affairs III: Ultimate Infernal Affairs“</p> <p>Das ist erst der Anfang</p> <p>Ende 2002 begann der Mythos. Im Herbst und Winter 2003 erreichte es seinen Höhepunkt und sein Finale. „Infernal Affairs“ behauptet, auf buddhistischen Konzepten zu basieren. Licht und Dunkelheit, Überleben und Aussterben, Existenz und Nichts sind ineinander verstrickt und fallen dann plötzlich auseinander. Es ist auch ein Prozess der Bereicherung und Vereinigung. Wo es eine Ursache gibt, gibt es eine Wirkung; wo es Sünde gibt, gibt es ein Schicksal. Die Schönheit der Umgebung und des Aussehens liegt in den Grenzen der Erklärung mit Worten. Sie können weder offenbart noch zum Schweigen gebracht werden. Sie sind aufeinander angewiesen. Der Klang des Herzens ist immer da, er stellt sich selbst und Zeit und Raum in Frage. Dies sind die besten Zeiten, dies sind die schlimmsten Zeiten, das sagen Menschen aus fast allen Epochen. Jedoch heißt es im „Vimalakirti Sutra, Kapitel 7: Betrachtung aller Lebewesen“: Wenn es keine Wohnstätte gibt, gibt es keine Wurzel. Ausgehend von den Worten und Taten des Körpers, über die Ebene der unbeschreiblichen Debatte gelangt man zunächst in den Bereich der Selbstreflexion der Existenz und läuft schließlich auf eine Haltung des Überlebens hinaus. Meiner Meinung nach sind Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng und andere tatsächlich Spiegelbilder des Schicksals. Sie können sich ineinander wiedererkennen, kämpfen, brechen aus, sind majestätisch und protzen, als ob sie zum Scheitern verurteilt wären und ihr Leben verzerrt hätten, daher „Infernal Affairs“. </p> <p>Gu Zhun sagte, vom Idealismus zum Empirismus, Wang Xiaobo sagte, wir sollten uns vor Tyrannen und Helden in Acht nehmen, wer ist der Held? Woher kommen Sie? Was ist, wenn sie kommen? Brauchen wir in dieser Zeit noch Helden? Als ich diese Ausgabe des E Forums redigierte, war ich etwas erleichtert. Aus dem Text konnte ich erkennen, dass jeder nachdachte. Schließlich sind wir keine Generation mehr, die anderen blind folgt. Meiner Meinung nach war Unterhaltung nie nur Unterhaltung an sich. Wir können die Welt anhand eines Wassertropfens, einer Blume oder eines Sandkorns sehen. Wir denken zwangsläufig an mehr und unser Verständnis von einem Film kann unendlich vielfältig sein. Jeder von uns macht diese Welt aus, und ob diese Welt gut oder schlecht ist, wir alle haben einen Anteil daran. Jeder von uns hat sein eigenes Leben mit Stärken und Schwächen, das die Basis für unseren gemeinsamen Fortschritt bildet. </p> </body> </html> Geben Sie http://localhost/p.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.1 angezeigt.  Abbildung 4.1 Absatzeinstellungen Durch die <p></p>-Tags wird das Layout großer Textabsätze sauber und aufgeräumt. 4.1.2 Leerzeichen zum Text hinzufügen <br />Bei genauerer Betrachtung von Abbildung 4.1 erscheint die Segmentierung in der Abbildung etwas seltsam, da am Anfang jedes Absatzes kein Zeichenleerzeichen vorhanden ist. — Hinweis: Gemäß den chinesischen Schreibgewohnheiten muss die erste Zeile eines Absatzes durch zwei chinesische Schriftzeichen getrennt sein. Wie wir im vorherigen Kapitel gelernt haben, wird das direkte Drücken der Leertaste auf der Tastatur im HTML-Code nicht auf der Seite angezeigt. HTML verwendet „ “ zur Darstellung eines Leerzeichens (englisch space character). Da ein chinesisches Zeichen die Breite von zwei englischen Zeichen einnimmt, fügen Sie am Anfang der ersten Zeile des Absatzes vier „ “-Zeichen hinzu und ändern Sie den Code von p.htm wie in Code 4.2 gezeigt. Code 4.2 Leerzeicheneinstellungen: p.htm <html> <Kopf> <title>Segmenteinstellungen</title> </Kopf> <Text> <p>Film-Zweiwochenschau: Sonderkritik zu „Infernal Affairs III: Ultimate Infernal Affairs“</p> <p>Das ist erst der Anfang</p> <p>Ende 2002 begann der Mythos. Im Herbst und Winter 2003 erreichte es seinen Höhepunkt und sein Finale. „Infernal Affairs“ behauptet, auf buddhistischen Konzepten zu basieren. Licht und Dunkelheit, Überleben und Aussterben, Existenz und Nichts sind ineinander verstrickt und fallen dann plötzlich auseinander. Es ist auch ein Prozess der Bereicherung und Vereinigung. Wo es eine Ursache gibt, gibt es eine Wirkung; wo es Sünde gibt, gibt es ein Schicksal. Die Schönheit der Umgebung und des Aussehens liegt in den Grenzen der Erklärung mit Worten. Sie können weder offenbart noch zum Schweigen gebracht werden. Sie sind aufeinander angewiesen. Der Klang des Herzens ist immer da, er stellt sich selbst und Zeit und Raum in Frage. Dies sind die besten Zeiten, dies sind die schlimmsten Zeiten, das sagen Menschen aus fast allen Epochen. Jedoch heißt es im „Vimalakirti Sutra, Kapitel 7: Betrachtung aller Lebewesen“: Wenn es keine Wohnstätte gibt, gibt es keine Wurzel. Ausgehend von den Worten und Taten des Körpers, über die Ebene der unbeschreiblichen Debatte gelangt man zunächst in den Bereich der Selbstreflexion der Existenz und läuft schließlich auf eine Haltung des Überlebens hinaus. Meiner Meinung nach sind Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng und andere tatsächlich Spiegelbilder des Schicksals. Sie können sich ineinander wiedererkennen, kämpfen, brechen aus, sind majestätisch und protzen, als ob sie zum Scheitern verurteilt wären und ihr Leben verzerrt hätten, daher „Infernal Affairs“. </p> <p>Gu Zhun sagte, vom Idealismus zum Empirismus, Wang Xiaobo sagte, wir sollten uns vor Tyrannen und Helden in Acht nehmen. Wer ist der Held? Woher kommen Sie? Was ist, wenn sie kommen? Brauchen wir in dieser Zeit noch Helden? Als ich diese Ausgabe des E Forums redigierte, war ich etwas erleichtert. Aus dem Text konnte ich erkennen, dass jeder nachdachte. Schließlich sind wir keine Generation mehr, die anderen blind folgt. Meiner Meinung nach war Unterhaltung nie nur Unterhaltung an sich. Wir können die Welt anhand eines Wassertropfens, einer Blume oder eines Sandkorns sehen. Wir denken zwangsläufig an mehr und unser Verständnis von einem Film kann unendlich vielfältig sein. Jeder von uns macht diese Welt aus, und ob diese Welt gut oder schlecht ist, wir alle haben einen Anteil daran. Jeder von uns hat sein eigenes Leben mit Stärken und Schwächen, das die Basis für unseren gemeinsamen Fortschritt bildet. </p> </body> </html> Geben Sie http://localhost/p.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.2 angezeigt.  Abbildung 4.2 Festlegen des Leerzeichens Der Absatz hat Gestalt angenommen und das Leerzeichen wurde angezeigt. Leser können zum Testen beliebig viele Leerzeichen in einen Absatz einfügen. 4.1.3 Festlegen, ob Text umbrochen werden soll oder nicht <br />Abbildung 4.1 scheint in Ordnung zu sein. Der Text wird automatisch umbrochen, wenn er die Browsergrenze erreicht. Allerdings verändert sich bei einer Anpassung der Browserbreite auch die Position des Textumbruchs und die Formatierung wirkt recht unübersichtlich. Um die Formatierung zu standardisieren, sollten Leser beim Schreiben von Code ein einzelnes Tag <br /> verwenden, um an der Stelle, an der ein Zeilenumbruch erforderlich ist, einen Zeilenumbruch zu erzwingen. Im Gegensatz dazu wird der Teil, der keinen Zeilenumbruch benötigt, durch die doppelten Tags <nobr></nobr> umschlossen. Ändern Sie den p.htm-Code wie in Code 4.3 gezeigt. Code 4.3 Zeilenumbruchsteuerung: p.htm <html> <Kopf> <title>Segmenteinstellungen</title> </Kopf> <Text> <p>Film-Zweiwochenschau: Sonderkritik zu „Infernal Affairs III: Ultimate Infernal Affairs“</p> <p>Das ist erst der Anfang</p> <p>Ende 2002 begann der Mythos. Im Herbst und Winter 2003 erreichte es seinen Höhepunkt und sein Finale. <br /><nobr>Infernal Affairs gibt zu, von der buddhistischen Philosophie inspiriert zu sein, in der Licht und Dunkelheit, Überleben und Aussterben, Existenz und Nichts miteinander verflochten sind und dann plötzlich auseinanderfallen, was ebenfalls ein Prozess der Bereicherung und Vereinigung ist. Wo es eine Ursache gibt, gibt es eine Wirkung; wo es Sünde gibt, gibt es ein Schicksal. Die Schönheit der Umgebung und des Aussehens liegt in den Grenzen der Erklärung. Sie können weder offenbart noch verschwiegen werden. Sie sind aufeinander angewiesen. Der Klang des Herzens ist immer da, er stellt sich selbst und Zeit und Raum in Frage. <nobr>Dies sind die besten Zeiten, dies sind die schlimmsten Zeiten, das sagen Menschen aus fast jeder Epoche. Jedoch heißt es im „Vimalakirti Sutra, Kapitel 7: Betrachtung aller Lebewesen“: Wenn es keine Wohnstätte gibt, gibt es keine Wurzel. </nobr>Ausgehend von den Worten und Taten des Körpers, über die Ebene des schwer in Worte zu fassenden, gelangt man zunächst in den Bereich der Selbstreflexion der Existenz und läuft schließlich auf die Einstellung zum Überleben hinaus. Meiner Meinung nach sind Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng und andere tatsächlich Spiegelbilder des Schicksals. Sie können sich ineinander wiedererkennen, kämpfen, brechen aus, sind majestätisch und protzen, als ob sie zum Scheitern verurteilt wären und ihr Leben verzerrt hätten, daher „Infernal Affairs“. </p> <p>Gu Zhun sagte, vom Idealismus zum Empirismus, Wang Xiaobo sagte, wir sollten uns vor Tyrannen und Helden in Acht nehmen. Wer ist der Held? Woher kommen Sie? Was ist, wenn sie kommen? Brauchen wir in dieser Zeit noch Helden? Als ich diese Ausgabe des E Forums redigierte, war ich etwas erleichtert. Aus dem Text konnte ich erkennen, dass jeder nachdachte. Schließlich sind wir keine Generation mehr, die anderen blind folgt. Meiner Meinung nach war Unterhaltung nie nur Unterhaltung an sich. Wir können die Welt anhand eines Wassertropfens, einer Blume oder eines Sandkorns sehen. Wir denken zwangsläufig an mehr und unser Verständnis von einem Film kann unendlich vielfältig sein. Jeder von uns macht diese Welt aus, und ob diese Welt gut oder schlecht ist, wir alle haben einen Anteil daran. Jeder von uns hat sein eigenes Leben mit Stärken und Schwächen, das die Basis für unseren gemeinsamen Fortschritt bildet. </p> </body> </html> Geben Sie http://localhost/p.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.3 angezeigt.  Abbildung 4.3 Zeilenumbruchsteuerung Aus diesem Beispiel können wir erkennen, dass der von <nobr></nobr> umschlossene Teil nicht automatisch umbrochen wird, sofern nicht ein erzwungener Zeilenumbruch <br /> vorhanden ist. 4.1.4 Textausrichtung festlegen <br />Manchmal muss der Text in einem Absatz unterschiedlich ausgerichtet sein. Die Standardausrichtung ist links. Das Ausrichtungsattribut des <p>-Tags lautet align. Indem Sie align auf links, rechts oder zentriert setzen, können Sie eine Linksausrichtung, eine Rechtsausrichtung und eine zentrierte Ausrichtung erreichen. Ändern Sie den p.htm-Code wie in Code 4.4 gezeigt. Listing 4.4 Ausrichtungskontrolle: p.htm <html> <Kopf> <title>Segmenteinstellungen</title> </Kopf> <Text> <p>Film-Zweiwochenschau: Sonderkritik zu „Infernal Affairs III: Ultimate Infernal Affairs“</p> <p>Das ist erst der Anfang</p> <p align="center"> Ende 2002 begann der Mythos. Im Herbst und Winter 2003 erreichte es seinen Höhepunkt und sein Finale. „Infernal Affairs“ behauptet, auf buddhistischen Konzepten zu basieren. Licht und Dunkelheit, Überleben und Aussterben, Existenz und Nichts sind ineinander verstrickt und fallen dann plötzlich auseinander. Es ist auch ein Prozess der Bereicherung und Vereinigung. Wo es eine Ursache gibt, gibt es eine Wirkung; wo es Sünde gibt, gibt es ein Schicksal. Die Schönheit der Umgebung und des Aussehens liegt in den Grenzen der Erklärung mit Worten. Sie können weder offenbart noch zum Schweigen gebracht werden. Sie sind aufeinander angewiesen. Der Klang des Herzens ist immer da, er stellt sich selbst und Zeit und Raum in Frage. Dies sind die besten Zeiten, dies sind die schlimmsten Zeiten, das sagen Menschen aus fast allen Epochen. Jedoch heißt es im „Vimalakirti Sutra, Kapitel 7: Betrachtung aller Lebewesen“: Wenn es keine Wohnstätte gibt, gibt es keine Wurzel. Ausgehend von den Worten und Taten des Körpers, über die Ebene der unbeschreiblichen Debatte gelangt man zunächst in den Bereich der Selbstreflexion der Existenz und läuft schließlich auf eine Haltung des Überlebens hinaus. Meiner Meinung nach sind Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng und andere tatsächlich Spiegelbilder des Schicksals. Sie können sich ineinander wiedererkennen, kämpfen, brechen aus, sind majestätisch und protzen, als ob sie zum Scheitern verurteilt wären und ihr Leben verzerrt hätten, daher „Infernal Affairs“. </p> <p align="right"> Gu Zhun sagte, vom Idealismus zum Empirismus, Wang Xiaobo sagte, wir sollten uns vor Tyrannen und Helden in Acht nehmen, wer ist der Held? Woher kommen Sie? Was ist, wenn sie kommen? Brauchen wir in dieser Zeit noch Helden? Als ich diese Ausgabe des E Forums redigierte, war ich etwas erleichtert. Aus dem Text konnte ich erkennen, dass jeder nachdachte. Schließlich sind wir keine Generation mehr, die anderen blind folgt. Meiner Meinung nach war Unterhaltung nie nur Unterhaltung an sich. Wir können die Welt anhand eines Wassertropfens, einer Blume oder eines Sandkorns sehen. Wir denken zwangsläufig an mehr und unser Verständnis von einem Film kann unendlich vielfältig sein. Jeder von uns macht diese Welt aus, und ob diese Welt gut oder schlecht ist, wir alle haben einen Anteil daran. Jeder von uns hat sein eigenes Leben mit Stärken und Schwächen, das die Basis für unseren gemeinsamen Fortschritt bildet. </p> </body> </html> Geben Sie http://localhost/p.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.4 angezeigt.  Abbildung 4.4 Ausrichtungskontrolle 4.1.5 Hinzufügen einer horizontalen Trennlinie HTML bietet horizontale Trennlinien zum Ändern von Absätzen, die in vielen Fällen problemlos verwendet werden können, ohne dass zusätzliche Zeichnungen erforderlich sind. Der horizontale Trenner ist ein einzelnes Tag <hr />, das standardmäßig eine Zeile einnimmt. Erstellen Sie eine Webseitendatei im Verzeichnis D:\web\, nennen Sie sie hr.htm und schreiben Sie den Code wie in Code 4.5 gezeigt. Code 4.5 Trennzeicheneinstellungen: hr.htm <html> <Kopf> <title>Einstellungen für Trennlinien</title> </Kopf> <Text> <p align="center">Rückblick auf den Ruhm kantonesischer Lieder in der Musikindustrie</p> <hr /> <p>Es besteht immer noch Uneinigkeit darüber, welches Lied das älteste kantonesische Lied ist. 1973 sang Cinderella, ein Mitglied der „Chopstick Sisters“, den Titelsong der Fernsehserie „Tears and Laughter“ von Joseph Koo. Dieses Lied ist zugleich der erste kantonesische Titelsong eines Dramas in der Hongkonger Musikszene. Im selben Jahr spielte der junge Adam Cheng auch die Hauptrolle in dem TVB-Drama „My Fair Princess“ und sang den gleichnamigen Titelsong. Der Titelsong des Erfolgsfilms „Ghosts and Twins“, gesungen von Sam Hui im Jahr 1974, war ein Kassenschlager in der Musikindustrie. Es war das erste chinesische Lied, das im britischen Radiosender BBC gespielt wurde. Es war damals sehr berühmt und der bekannteste Ursprung kantonesischer Lieder. </p> </body> </html> Geben Sie http://localhost/hr.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.5 angezeigt. Es besteht immer noch Uneinigkeit darüber, welches Lied das älteste kantonesische Lied ist. 1973 sangen die „Chopstick Sisters“ Cheng Zhongxiandula den Titelsong der von Gu Jiahui geschriebenen Fernsehserie „Tears and Laughter“. Dieses Lied ist zugleich der erste kantonesische Titelsong eines Dramas in der Hongkonger Musikszene. Im selben Jahr spielte der junge Adam Cheng auch die Hauptrolle in dem TVB-Drama „My Fair Princess“ und sang den gleichnamigen Titelsong. Der Titelsong des Erfolgsfilms „Ghosts and Twins“, gesungen von Sam Hui im Jahr 1974, war ein Kassenschlager in der Musikindustrie. Es war das erste chinesische Lied, das im britischen BBC-Radio gespielt wurde. Es war damals sehr berühmt und die bekannteste kantonesische Version.  Abbildung 4.5 Festlegen der Trennlinie Mit einem einfachen <hr />-Tag lässt sich die Trennlinie implementieren, wodurch sich das Absatzlayout einfach ändern und schöner gestalten lässt. Für verschiedene Anwendungsszenarien kann der standardmäßige Einzellinienstil die Anforderungen jedoch offensichtlich nicht erfüllen. Die verschiedenen Attribute des <hr />-Tags lösen dieses Problem. Häufig verwendete Attribute sind Breite, Größe, Ausrichtung, Farbe und Titel. Breite ist die Breiteneinstellung. Die Standardeinheit des Attributwertes ist Pixel. Sie können auch den Prozentsatz verwenden, um den Anteil des von der Trennlinie eingenommenen Raums auszudrücken. Unter Größe kann die Dicke oder Höhe der Trennlinie verstanden werden. Die Standardeinheit des Attributwerts entspricht der Breite. „align“ ist die Ausrichtungsmethode, ähnlich wie „align“ von <p>. Farbe bedeutet Farbe. Sie können je nach Bedarf unterschiedliche Farben der Trennlinie festlegen. Das Titelattribut wird nicht sehr oft verwendet. Wenn der Cursor des Betrachters über die Trennlinie fährt, wird ein Hinweis auf den Attributwert angezeigt. — Hinweis: Die Standardausrichtung von <hr /> ist zentriert. Die Standardeinheit der HTML-Breite- und -Höhenattribute ist Pixel und im Allgemeinen besteht keine Notwendigkeit, die Einheit anzugeben. Allerdings muss die Einheit im Style-Attribut identifiziert werden. <hr />Ein weiteres Attribut ist „noshade“. Wenn für die Trennlinie keine Farbe festgelegt ist und eine bestimmte Größe eingestellt ist, sieht die Trennlinie dreidimensional und konkav mit einem Schatten aus. Wenn das Noshade-Attribut verwendet wird, hat die Trennlinie eine Volltonfarbe. Ändern Sie den hr.htm-Code wie in Code 4.6 gezeigt. Code 4.6 Einstellungen für Trennzeichenstil: hr.htm <html> <Kopf> <title>Einstellungen für Trennlinien</title> </Kopf> <Text> Setzen Sie einen 300 Pixel breiten, rechtsbündigen Teiler: <br /> <hr Breite="300" Ausrichtung="rechts" /> Stellen Sie eine 50 % breite und zentrierte Trennlinie ein:<br /> <hr Breite="50%" Ausrichtung="links" /> Es wird eine Trennlinie mit 50% Breite, 50 Pixel Dicke und ohne Noshade gesetzt: <hr Breite="50%" Größe="50" /> Stellen Sie die Dicke auf 50 Pixel ein und verwenden Sie Noshade für die Trennlinie:<br /> <hr Größe="50" noshade="noshade" /> Stellen Sie die Dicke auf 50 Pixel ein und ziehen Sie eine dunkelrote Trennlinie:<br /> <hr Größe="50" Farbe="770000"/> Stellen Sie die Dicke auf 50 Pixel, die Farbe auf Hellblau und die Trennlinie mit der Aufforderung „Danke für Ihr Kommen!“ ein: <hr size="50" color="0000cc" title="Danke für Ihr Kommen!"/> </body> </html> Geben Sie http://localhost/hr.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.6 angezeigt.  Abbildung 4.6 Einstellungen für den Trennzeichenstil |
<<: JavaScript zum Erzielen eines Tab-Umschalteffekts
>>: Der Unterschied zwischen Datenzeit und Zeitstempel in MySQL
Artikel empfehlen
Nginx-Konfiguration domänenübergreifende Anforderung Access-Control-Allow-Origin * detaillierte Erklärung
Vorwort Wenn ein 403-Cross-Origin-Fehler auftritt...
MySQL erklärt das Prinzip und Beispiel zum Abrufen von Abfrageanweisungen
„explain“ wird verwendet, um Informationen zum Ab...
So finden Sie identische Dateien in Linux
Während der Nutzung des Computers entsteht im Sys...
So installieren und ändern Sie das Anfangskennwort von mysql5.7.18
Informationen zur Centos-Installation von MySQL f...
Installieren Sie mehrere PHP-Versionen für Nginx unter Linux
Wenn wir die LNPM-Serverumgebung installieren und...
Bildschirmbefehl und Verwendung unter Linux
Bildschirmeinführung Screen ist eine vom GNU-Proj...
MySQL-Performance-Optimierung: So nutzen Sie Indizes effizient und richtig
Die Praxis ist der einzige Weg, die Wahrheit zu t...
Eine kurze Analyse der Crontab-Aufgabenplanung in Linux
1. Erstellen Sie eine Planungsaufgabe Anweisung c...
CentOS 7-Konfiguration Tomcat9+MySQL-Lösung
Tomcat konfigurieren Installieren Sie zuerst Tomc...
So verwenden Sie die Form-Komponente von Antd in React, um Formularfunktionen zu implementieren
1. Bauteile 1. Ein Formular muss Formularfelder e...
Detaillierte Erklärung des HTML-Tags <input> und wie man es deaktiviert
Definition und Verwendung Das <input>-Tag w...
Wie man hochwertige Webseiten gestaltet Erfahrung in der Gestaltung hochwertiger Webseiten (Bilder und Text)
Mit der zunehmenden Anzahl offener Plattformen ver...
Zusammenfassung der Erfahrungen mit der Entwicklung von HTML+CSS-Projekten (empfohlen)
Ich habe mein Blog seit mehreren Tagen nicht aktu...
Tutorial zur Installation von VMware WorkStation 14 Pro unter Ubuntu 17.04
In diesem Artikel wird die spezifische Methode zu...
Detaillierte Erläuterung des Konfigurationsprozesses des Docker-Container-Netzwerkports
Netzwerk-Ports freigeben Tatsächlich gibt es in D...