XHTML CSS schreibt regelmäßigem Blog aus

Der vollständige Name eines Blogs sollte ein Webprotokoll sein, was "Netzwerkprotokoll" in Chinesisch bedeutet und später als Blog abgekürzt wird, und ein Blog (Blogger) ist die Person, die Blog schreibt. In Verständnis ist ein Blog "eine Veröffentlichungsmethode, die persönliche Gedanken, Online -Links, Inhalte ausdrückt, die in chronologischer Reihenfolge angeordnet sind und ständig aktualisiert werden". Einfach ausgedrückt sind Blogs eine Art von Personen, die es gewohnt sind, Tagebücher online zu schreiben. Wie Sie den vollständigen Namen des Blogs anwenden, sollte ein Webprotokoll sein, was bedeutet, dass das Netzwerk -Protokoll in Chinesisch und später als Blog abgekürzt wird, und ein Blog (Blogger) ist die Person, die den Blog schreibt. In Verständnis ist ein Blog eine Veröffentlichungsmethode, die persönliche Gedanken, Online -Links und -inhalte ausdrückt, die in chronologischer Reihenfolge angeordnet sind und ständig aktualisiert werden. Einfach ausgedrückt sind Blogs eine Art von Personen, die es gewohnt sind, Tagebücher online zu schreiben. So wenden Sie HTML und CSS an, um einen schönen und formellen Blog zu schreiben:

Hyperlinks sind die am häufigsten verwendeten HTML -Tags in Blogs. Sie werden verwendet, um zu anderen Artikeln oder Site -Links zu verlinken. Es wird empfohlen, die folgenden Attribute hinzuzufügen, wenn Sie das A -Tag verwenden:

HREF: Legen Sie die URL -Adresse oder den Ankerpunkt des Links fest

Ziel: Setzen Sie das Zielfenster oder das Rahmenseite, nachdem Sie auf den Link mit der Maus geklickt haben. Im Allgemeinen wird target = _blank häufig verwendet, was bedeutet, dass sich ein neues Fenster zum Öffnen des Links öffnet. Wenn Sie den Link auf der aktuellen Seite öffnen, müssen Sie dieses Attribut nicht hinzufügen.

Titel: Legen Sie die angezeigte Eingabeaufforderungsnachricht fest, die auf die Link wechselt

Rel: Dies ist ein neues Attribut, das erst in letzter Zeit populär geworden ist. rel = nofollow bedeutet, dass Suchmaschinen die Verknüpfung von dieser Site verbieten, wodurch Änderungen im PageRank -Wert der Link -URL verursacht werden, und wird häufig verwendet, um die Spam -Verbindung zu verhindern. rel = tag Dies ist eine Technorati -Einstellung für Technorati, die den Text dieses Links als Tag -Tag für die Seite verwendet.

Es sollte nicht zu viele Links im Artikel sein. Zu viele Links werden die Leser beim Lesen deprimiert und nervös fühlen. Wenn die Farbe des Links und der Kontrast der Textfarbe zu groß sind, werden die Menschen auch schillernden. Der beste Link -Effekt besteht darin, einen leichten Farbkontrast oder einen leichten Kontrast zu haben und das Titelattribut auszufüllen, um anzuzeigen, was der Inhalt dieses Links ist oder warum Sie verlinken möchten. Manchmal können Sie auch Links zu diesem Artikel anhängen und die Liste am Ende des Artikels kommentieren.

Das Schreiben eines Blogs kann nicht wie die Romane von Gu Long in dem einen oder anderen Satz sein, daher ist es unbestritten, einen Blog gemäß dem vom Lehrer gelehrten Schreibstil zu schreiben, als er als Schüler gelehrt wurde. Es wird empfohlen, das P -Tag zu verwenden, um den Artikel zu segmentieren. Der Code lautet wie folgt: <p> Artikel Text </p>.

Es ist erwähnenswert, dass viele Blogger nicht die Angewohnheit haben, die erste Zeile einzubeziehen. Einige von ihnen geben höchstens ein paar Plätze unter den Herausgeber ein. Hier ist der erste Zeileneinstellungscode, der mit dem textindenten Attribut von CSS implementiert ist: <p style = textindent: 2em;> Artikeltext </p>. Die Einheiteinheit ist im Allgemeinen 2EM, was zwei chinesische Zeichen anzeigt. Verwenden Sie keinen Prozentsatz oder andere Einheitenlängen wie PX und PT. Verwenden Sie EM, um die Einkerbung der beiden chinesischen Zeichen beizubehalten, während die Seitenschrift und das Layout skaliert sind.

Für Blogger, die gerne Bilder in Artikeln hängen, wird empfohlen, das Ausrichtungsattribut des IMG -Tags nach links oder rechts festzulegen, um das Aufhängen des Bildes und die Wickelung des Körpers leicht zu erreichen. Sie können auch das Float -Attribut des DIV -Tags verwenden, um links und rechts zu hängen, um eine Textumgebung zu erreichen. Was noch besser ist, ist, dass Sie nach links und rechts nach Google AdSense -Anzeigen hängen können. Der Code: <Div style = Höhe: 100%; Breite: 150px; Float: Right;> Sie können hier Image -Links platzieren oder den Google Adsense -Code wie ausländische Blogs </div> platzieren.

Verwenden Sie die <ul> <ol> <li> und andere Tags der Liststilblattliste, um einige Untertiteleinträge aufzulisten, Code: <ul> <li> Problem 1 </li> <li> Problem 2 </li> </ul>.

Die Schriftgröße des Textes kann nach Ihrer persönlichen Präferenz festgelegt werden. Im Allgemeinen wird die Standardversion des Blog -Systems verwendet (13PT, Song -Schriftart und Kurier neu). Wenn der Text eine große Schriftart benötigt und Ihr Text zu groß und gestapelt ist, fügen Sie dem Absatz <p>: Zeilenhöhe einen Stil hinzu: 120%; Dies bedeutet, dass die Linienhöhe das 1,2 -fache der Schriftart beträgt.

Obwohl wir alle wissen, dass es beim Schreiben von Blogs am besten ist, kurz und präzise zu sein, aber es ist auch unmöglich, die Notwendigkeit langer Artikel von besonderer Natur zu vermeiden. Zu diesem Zeitpunkt wird empfohlen, Untertitel mit unterschiedlichen Ebenen wie <h1> <h2> ... <h6> festzulegen und die vier Definitionslisten -Tags oben im Artikel zu verwenden. Der Display -Effekt ist wie das Verzeichnis/Index in Word, das die Lesbarkeit und Organisation des Artikels erhöhen kann. Viele Artikel in Microsofts MSDN sind auf diese Weise angeordnet. Um die Linksprungfunktion zu implementieren, können Sie den spezifischen Untertitel ändern, indem Sie das Anker -Tag ändern. Der Code lautet: <a name = list1> <h1> Titel 1 </h1> </a>.

Empfehlen Sie die Verwendung des <blockquote> -Tags, mit dem automatisch die linken und rechten Ende der Seite reduziert werden kann. Im Allgemeinen beträgt die Standardeinstellung 40 Pixel eingeleitet, zum Beispiel: <blockquote style = Hintergrundfarbe: #f7f7f7; Rand: 1px gepunktet #dedbde; Padding: 10px;> Dies ist ein Beispiel für die Zitierung von Stil </blockquote>