XHTML-Einführungstutorial: Textformatierung und Sonderzeichen
|
<br />Dieser Abschnitt stellt die Implementierung von Textformatierung und Sonderzeichen in XHTML vor. Wir haben das <b>-Tag im vorherigen Tutorial einmal verwendet, um Text zu formatieren. Es stellt den darin enthaltenen Inhalt fett dar. Beispielsweise wird „<b>Rookie Bar</b>“ als „Rookie Bar“ angezeigt. Dieses Tag, das definiert, wie Text angezeigt wird, nennen wir ein Textformat-Tag (Textstil-Tag …). Ähnlich wie beim Fettdruck-Tag <b> sind der Kursivdruck-Tag <i> und der Hervorhebungs-Tag <em>. Wir empfehlen, dass Sie CSS verwenden, um den Stil einer Webseite zu definieren, statt XHTML-Tags wie <b>. Der Zweck der Einführung dieser Tags besteht darin, zu verhindern, dass Sie beim Lesen des Quellcodes der Webseiten anderer Benutzer verwirrt werden. Sonderzeichen (Zeichenentitäten) In XHTML sind „<“ und „>“ Sonderzeichen, da sie zur Identifizierung von Tags verwendet werden und die „<“ und „>“ in Tags nicht auf der Seite erscheinen. Was müssen wir also tun, wenn der Browser diese Sonderzeichen anzeigen soll? Derzeit können wir Zeichenentitäten verwenden, beispielsweise wird das Kleiner-als-Zeichen „<“ im XHTML-Code als „<“ geschrieben. Natürlich müssen wir für diese Arbeit in einer Webdesign-Software den Code nicht von Hand schreiben. Daher müssen wir nur die Anzeigeprinzipien dieser Sonderzeichen verstehen und uns nicht den Schreibcode jedes einzelnen Sonderzeichens merken. Praxisbeispiel: Öffnen Sie mit dem Notepad die zuvor erstellte Datei „index.html“. Nehmen Sie die folgenden Änderungen an der Quelldatei (rot) vor, speichern Sie sie und sehen Sie sich den Unterschied vorher und nachher an. Bitte stellen Sie sicher, dass Ihre Webseite mit dieser Seite übereinstimmt. Hausaufgaben für die Winter- und Sommerferien schreiben (Mathe <b> kann nicht garantieren </b> , dass es keine Fehler gibt, Chinesisch kann nicht garantieren, dass es keine Tippfehler gibt, Sie können jemand anderen bitten, Englisch-Hausaufgaben zu schreiben) <br />Wenn Sie beim Mobbing von Schülern der vierten Klasse oder darunter helfen, <b> werden zusätzliche Gebühren erhoben </b> . <br />Der Elternverband hilft Ihnen dabei, <i> sich als Eltern auszugeben </i> . </p><!--Der obige Inhalt ist ein Absatz--> Lassen Sie uns die Verwendung von Zeichenentitäten üben. Öffnen Sie die zuvor gespeicherte „index.html“ und geben Sie vor dem Tag </body> folgenden Code ein: <p>Copyright©2005-2006cainiao8.com Alle Rechte vorbehalten</p> Speichern Sie die Änderungen und durchsuchen Sie die Webseite erneut, um den folgenden Inhalt anzuzeigen: „Copyright©2005-2006XXX Copyright-Nr.“ Uns ist aufgefallen, dass das „©“ im Quellcode im Browser als „@“ angezeigt wird. Bitte überprüfen Sie noch einmal, ob Ihre Webseite mit dieser hier übereinstimmt, fertig. Informationen zur Reihenfolge der Tags Nachdem Sie sich über Tags zur Textformatierung informiert haben, fragen Sie sich möglicherweise: Was soll ich tun, wenn ich möchte, dass ein Wort gleichzeitig fett und kursiv angezeigt wird? Ist es so einfach, wie das Hinzufügen der doppelten Tags <b> und <i>? Das stimmt. Schauen Sie sich das folgende Beispiel an: <b><i>Ich bin von zwei Etiketten umgeben! </i></b> Im Browser wird es so angezeigt, als wäre ich von zwei Tags umgeben! Das einzige worauf Du hierbei achten musst, ist die Reihenfolge der Tags. Wenn Sie die obige Tag-Reihenfolge als <b><i>schreiben, bin ich von zwei Tags umgeben! </b></i>, allgemeine Browser generieren keine Fehler. Dies entspricht jedoch nicht den XHTML-Standards. Achten Sie bitte darauf, die Tags der Reihe nach zu schließen. |
<<: So verwenden Sie Docker zum lokalen Verpacken und Bereitstellen von Images
>>: Einige Dinge, die Sie über den Varchar-Typ in MySQL wissen sollten
Artikel empfehlen
JDBC-Erkundung SQLException-Analyse
1. Übersicht über SQLException Wenn bei der Verwe...
So verstehen Sie die semantische HTML-Struktur
Ich glaube, jeder kennt HTML und CSS, kennt die T...
Reines CSS zum Ändern der Layoutgröße durch Ziehen nach links und rechts
Nutzen Sie die Funktion „Non- overflow:auto - res...
Detaillierte Erläuterung der Fallstricke beim Mischen von MySQL-Order-By und Limit
In MySQL verwenden wir häufig order by zum Sortie...
js Addition, Subtraktion, Multiplikation und Division – Beispielcode für präzise Berechnungsmethoden
Vorwort Da Computerzahlen Gleitkommazahlen sind, ...
Tutorial zum Deaktivieren und Aktivieren von Triggern in MySQL [Empfohlen]
Bei der Verwendung von MySQL werden häufig Trigge...
So aktivieren oder deaktivieren Sie SSH für einen bestimmten Benutzer oder eine bestimmte Benutzergruppe in Linux
Aufgrund Ihrer Unternehmensstandards gestatten Si...
Tutorial zur Verwendung des Hyperlink-Tags in HTML
Die verschiedenen HTML-Dokumente der Website sind...
Die Magie des tbody-Tags beschleunigt die Anzeige von Tabelleninhalten
Sie haben sicher schon einmal die Webseiten andere...
Detaillierte grafische Erklärung der SQLMap-Injektion
Inhaltsverzeichnis 1. Wir haben festgestellt, das...
Tutorial zur MySQL-SQL-Optimierung: IN- und RANGE-Abfragen
Lassen Sie uns zunächst über die in()-Abfrage spr...
So fragen Sie die Schnittmenge von Zeiträumen in MySQL ab
Mysql-Abfragezeitraum-Schnittmenge Anwendungsszen...
So führen Sie das Springboot-Projekt im Docker aus
1. Klicken Sie unten in IDEA auf Terminal und geb...
Detaillierte Erläuterung des Replikationskonfigurationsbeispiels zwischen MySQL-Containern
Hintergrund Letzte Woche hat das Unternehmen eine...
Der Prozess des SSH-Dienstes basierend auf der Schlüsselauthentifizierung im Linux-System
Wie wir alle wissen, ist SSH derzeit das zuverläs...