Genau wie in einem Artikel müssen unsere Webseiten auch klare Absätze und Titel unterschiedlicher Grade von Bedeutung haben. In diesem Abschnitt werden gemeinsame Signaturen in XHTML eingeführt, die Titel, Absätze und andere Funktionen implementieren.
Um den Titel zu definieren, können wir die Tags von <h1> bis <h6> verwenden. Die entsprechenden Terminierungs -Tags sind </h1> bis </h6>, wobei die Schriftgrößenreihenfolge von <h1> auf <h6> verringert und die Bedeutung allmählich reduziert wird. Der Browser befreien automatisch eine Zeile über und unter dem Titel.
Das Definieren eines Absatzes verwendet <p> und </p>, und der Inhalt zwischen <p> und </p> wird als Absatz anerkannt, der dem ähnelt, was wir normalerweise als Absatz bezeichnen. Ähnlich wie der Titel fügt der Browser vor und nach Beginn des Absatzes auch eine Linie mit leerem Raum hinzu.
Wenn wir darüber nachdenken, eine andere Zeile zu schreiben, aber keinen weiteren Absatz wollen, können wir das Tag anwenden. <br> Das Tag ist auch ein leeres Tag und muss hinzugefügt werden, um die Anforderungen von XHTML zu erfüllen.
Das Etikett, das die horizontale Trennlinie realisiert, ist <hr />. Wie das <br> Tag ist auch <hr> ein leeres Tag. Um den Regeln von XHTML einzuhalten, muss A / hinzugefügt werden. (Das Folgende ist eine Trennlinie)
Die angemessene Verwendung der vier oben eingeführten Tags kann Benutzer dazu bringen, Ihre Webseite zu stöbern, die das Gefühl haben, dass die Webseite klar ist, während Kommentare das Gefühl haben, dass die Webseite beim Lesen Ihres Webseiten -Quellcodes klar ist, damit Sie nicht verwirrt sind. Das Ding zwischen <!-und-> ist der Inhalt der Kommentare, und sie werden nicht auf der Webseite angezeigt. Sehen Sie, wie wir Kommentare in das folgende Übungsbeispiel einfügen.
Öffnen Sie nun die Webseite, die wir im vorherigen Abschnitt gespeichert haben, und üben Sie die wichtigen Tags, die wir in diesem Abschnitt gelernt haben. Lassen Sie die <body> </body> meine erste <b> Webseite </b> sein. Entfernen und geben Sie Folgendes ein:
| <h1> Service-Ankündigung </h1> <!-Üben Sie die Verwendung des Titels und prüfen Sie, ob die Schriftgröße größer geworden ist? -> <hr /> <!-Horizontale Trennlinie, vergiss nicht das /-> <h2> Ich biete jetzt die folgenden Dienstleistungen für Schüler und Eltern im ganzen Land an: </H2> <!-Titel Nr. 2, sehen Sie, ob die Schriftgröße kleiner ist als Titel Nr. 1-> <h3> Dienste für Studenten </h3> <p> Das Schreiben von Winter- und Sommer -Hausaufgaben (Mathematik garantiert nicht, dass es keine falschen Fragen gibt. Chinesisch garantiert nicht, dass es keine falschen Worte gibt, englische Hausaufgaben. Finden Sie bitte jemanden. <br /> Um Studenten unter der vierten Klasse zu schikanieren, muss eine spezielle Sportgebühr erhoben werden. <BR /> Eltern werden helfen, Eltern zu sein. </p> <!-Der obige Inhalt ist ein Absatz-> <h3> VIP -Dienst </h3> <p> Jeder, der alle drei Dienste kauft, wird automatisch auf VIP aktualisiert. Wir werden eine persönliche Homepage für Sie kostenlos erstellen, die dem XHTML Standard von W3C und ISO2009 ~ vollständig entspricht. </p> <!-Obwohl die Webseiten hier ziemlich unterschiedlich sind, denken Sie, dass die Benutzeroberfläche wirklich hässlich und einfach ist? Zum Beispiel gibt es keine Lücke zwischen Zeilen, Titel Nummer eins Zu groß. Die Methode zur Definition des Erscheinungsbilds einer Webseite wird später im CSS -Tutorial beschrieben. Ich habe vergessen, über den Hauptinhalt zu sprechen, die Kommentare werden nicht auf der Webseite angezeigt, also Wir können hier viel Unsinn machen. Versuchen Sie jedoch, einige schnelle Kommentare im zukünftigen Prozess des Webseitendesigns zu schreiben. -> |