Heim > Web-Frontend > HTML-Tutorial > XHTML-CSS schreibt eine formale BLOG_HTML/Xhtml_Web-Seitenproduktion

XHTML-CSS schreibt eine formale BLOG_HTML/Xhtml_Web-Seitenproduktion

WBOY
Freigeben: 2016-05-16 16:45:15
Original
1511 Leute haben es durchsucht

Der vollständige Name von Blog sollte Web Log sein, was auf Chinesisch „Netzwerkprotokoll“ bedeutet. Später wurde er zu Blog abgekürzt, und ein Blogger (Blogger) ist die Person, die einen Blog schreibt. Aus verständlicher Sicht ist ein Blog „eine Veröffentlichungsmethode, die persönliche Gedanken, Netzwerklinks und Inhalte zum Ausdruck bringt, in chronologischer Reihenfolge angeordnet und ständig aktualisiert wird“. Einfach ausgedrückt sind Blogger eine Art von Menschen, die es gewohnt sind, online Tagebücher zu schreiben. So verwenden Sie HTML und CSS, um einen schönen und formellen BLOG zu schreiben:
Verwenden Sie das a-Tag richtig
Hyperlink ist das am häufigsten verwendete HTML-Tag in Blogs. Es wird verwendet, um auf andere Artikel zu verlinken Für Links wird empfohlen, bei Verwendung des a-Tags die folgenden Attribute hinzuzufügen:
href: Legen Sie die URL-Adresse oder den Ankerpunkt des Links fest.
target: Legen Sie das Zielfenster oder die Frame-Seite nach dem fest Klicken Sie mit der Maus auf den Link. Das häufig verwendete Attribut ist das Öffnen eines neuen Fensters. Sie müssen dieses Attribut nicht hinzufügen, wenn Sie den Link auf der aktuellen Seite öffnen Die Eingabeaufforderungsinformationen werden angezeigt, wenn die Maus über den Link bewegt wird.
rel: Dies ist eine neue Entwicklung. Neue Eigenschaften werden immer beliebter. rel="nofollow" bedeutet, Suchmaschinen daran zu hindern, auf diese Website zu verlinken und den Pagerank-Wert der verlinkten URL zu ändern. Es wird häufig verwendet, um zu verhindern, dass Spam-Links den Text von technorati verwenden diesen Link als Seiten-Tag.
Wenn Sie nicht zu viele Links im Artikel haben, fühlen sich die Leser beim Lesen deprimiert und nervös. Wenn der Kontrast zwischen der Farbe des Links und der Farbe des Textes zu groß ist, wird dies auch der Fall sein Die Leute sehen geblendet aus. Der beste Linkeffekt ist ein heller Farbkontrast oder eine Unterstreichung sowie das Ausfüllen des Titelattributs, um anzugeben, was der Inhalt des Links ist oder warum er verlinkt ist. Manchmal können Sie auch Links zu diesem Artikel anhängen und diese in einer Liste am Ende des Artikels kommentieren.

Entwickeln Sie eine gute Angewohnheit, Artikel in Absätze zu unterteilenDas Schreiben eines Blogs kann nicht wie Gu Longs Roman aus einem Satz pro Absatz bestehen, daher ist es unumstritten, einen Blog entsprechend dem gelehrten Schreibstil zu schreiben vom Lehrer, als ich noch Student war. Es wird empfohlen, den p-Tag zum Segmentieren des Artikels zu verwenden. Der Code lautet wie folgt:
Artikeltext

.

Es ist erwähnenswert, dass viele Blogger nicht die Angewohnheit haben, die erste Zeile einzurücken. Einige geben im Editor nur ein paar Leerzeichen ein. Hier ist der Code zum Einrücken der ersten Zeile mithilfe des CSS-Attributs text-indent:
Artikeltext

, die Einrückungseinheit beträgt im Allgemeinen 2em, was zwei chinesische Zeichen darstellt. Verwenden Sie keine Prozentsätze oder andere Längeneinheiten wie px, pt usw. Em kann den Abstand zwischen zwei chinesischen Zeichen beibehalten, wenn die Seitenschriftart verwendet wird und Layout sind skaliert.

Für einige Blogger, die gerne Bilder in ihren Artikeln aufhängen, empfiehlt es sich, das align-Attribut des img-Tags auf links oder rechts zu setzen, um die Bilder einfach aufzuhängen und den Text umzubrechen. Sie können auch das Float-Attribut des div-Tags verwenden, um den Text links und rechts umzubrechen, wie z. B. bei Google Adsense-Anzeigen:
Sie können hier Bildlinks einfügen wie ausländische Blogs. Google Adsense-Code
.

Verwenden Sie die Liste zum Auflisten, verwenden Sie die Zeilenhöhe, um die Zeilenhöhe festzulegen. Verwenden Sie Tags wie
      der Stylesheet-Liste, um einige Untertiteleinträge aufzulisten. der Code:
      • Frage 1
      • Frage 2
      • .
      Die Schriftgröße des Haupttextes kann nach Ihren persönlichen Vorlieben eingestellt werden. Im Allgemeinen wird die Standardgröße des Blog-Systems verwendet (13pt, Song Dynasty und Courier New). zu groß und gestapelt erscheint, können Sie den
      Stil hinzufügen: line-height:120%; dies bedeutet, dass die Zeilenhöhe das 1,2-fache der Schriftart beträgt.


      Schriftsatzfähigkeiten für superlange TexteObwohl wir alle wissen, dass es beim Schreiben von Blogs am besten ist, Artikel kurz und prägnant zu halten, ist es unvermeidlich, dass einige Artikel besonderer Art lang sein müssen . Zu diesem Zeitpunkt wird empfohlen,

      ...

      zu verwenden, um Untertitel auf verschiedenen Ebenen festzulegen, und die vier Definitionslisten-Tags

      oben zu verwenden des Artikels, um den Effekt genau wie Word anzuzeigen. Der Stil des Inhaltsverzeichnisses/Index im Artikel kann die Lesbarkeit und Organisation des Artikels verbessern. Viele Artikel im MSDN von Microsoft sind auf diese Weise angeordnet. Um die Link-Jump-Funktion zu implementieren, können Sie das Anker-Tag
      verwenden, um den spezifischen Untertitel zu ändern, Code: Titel 1

      .

      Einige andere HTML-Codes, die häufig in Blogs verwendet werdenEs wird empfohlen, das
      -Tag zu verwenden, um Fragmente von Artikeln anderer Personen zu zitieren. Dieses Tag kann die Einrückung des linken und rechten Endes automatisch erkennen Im Allgemeinen beträgt die Standardeinrückung 40 Pixel, zum Beispiel:
      Dies ist ein Beispiel für einen Zitierstil
    Verwandte Etiketten:
    Quelle:php.cn
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage