Schreiben Sie einen formellen Blog mit XHTML CSS
|
Der vollständige Name von Blog sollte Weblog sein, was auf Chinesisch „Netzwerkprotokoll“ bedeutet. Später wurde es zu Blog verkürzt, und ein Blogger ist eine Person, die ein Blog schreibt. Im übertragenen Sinn ist ein Blog „eine Veröffentlichungsmethode, die persönliche Gedanken, Netzwerklinks und Inhalte zum Ausdruck bringt, in chronologischer Reihenfolge angeordnet und ständig aktualisiert.“ Einfach ausgedrückt sind Blogger der Typ Mensch, der es gewohnt ist, online Tagebücher zu schreiben. So verwenden Sie HTML und CSS, um einen schönen und formellen BLOG zu schreiben: Richtige Verwendung des a-Tags Hyperlink ist das am häufigsten verwendete HTML-Tag in Blogs. Es wird verwendet, um auf andere Artikel oder Website-Links zu verweisen. Es wird empfohlen, beim Verwenden des a-Tags die folgenden Attribute hinzuzufügen: href: Legen Sie die Link-URL oder den Anker fest target: Legt das Zielfenster oder die Zielseite fest, nachdem die Maus auf den Link geklickt hat. Das häufig verwendete ist target="_blank", was bedeutet, dass zum Öffnen des Links ein neues Fenster geöffnet wird. Wenn Sie den Link auf der aktuellen Seite öffnen möchten, müssen Sie dieses Attribut nicht hinzufügen. Titel: Legen Sie die Eingabeaufforderungsinformationen fest, die angezeigt werden, wenn die Maus über den Link bewegt wird rel: Dies ist ein neues Attribut, das in letzter Zeit populär geworden ist. rel="nofollow" verhindert, dass Suchmaschinen auf diese Seite verlinken, da dies den PageRank der verweisenden URL verändern würde. Wird häufig verwendet, um Spam-Links zu verhindern. rel="tag" wird gesetzt, damit Technorati den Text dieses Links als Tag der Seite verwendet. Ein Artikel sollte nicht zu viele Links enthalten. Zu viele Links können beim Lesen deprimierend und nervös machen. Wenn der Kontrast zwischen der Linkfarbe und der Textfarbe zu groß ist, kann dies die Leser ebenfalls blenden. Die beste Linkwirkung erzielen Sie durch einen hellen Farbkontrast oder eine Unterstreichung. Füllen Sie das Titelattribut aus, um anzugeben, was der Linkinhalt ist oder warum der Link benötigt wird. Teilweise kann man auch relevante Links zum Artikel in Form einer Liste am Ende des Artikels anhängen und mit Anmerkungen versehen. Gewöhnen Sie sich an, Artikel in Absätze zu unterteilen. <br />Es ist unmöglich, einen Blog wie die Romane von Gu Long zu schreiben, mit einem Satz pro Absatz. Deshalb ist es selbstverständlich, einen Blog entsprechend dem Schreibstil zu verfassen, den Sie während Ihres Studiums von Ihren Lehrern gelernt haben. Es wird empfohlen, p-Tags zu verwenden, um den Artikel in Abschnitte zu unterteilen. Der Code lautet wie folgt: <p>Artikeltext</p>. Es ist erwähnenswert, dass viele Blogger nicht die Angewohnheit haben, die erste Zeile einzurücken. Einige von ihnen geben höchstens ein paar Leerzeichen in den Editor ein. Hier ist der Einrückungscode für die erste Zeile, der durch das CSS-Attribut „text-indent“ implementiert wird: <p style="text-indent:2em;">Artikeltext</p>. Die Einrückungseinheit ist im Allgemeinen 2em, was zwei chinesische Schriftzeichen darstellt. Verwenden Sie keine Prozentangaben oder andere Maßeinheiten wie px, pt usw. Durch die Verwendung von em kann die Einrückung von zwei chinesischen Schriftzeichen beibehalten werden, wenn die Seitenschriftart und das Seitenlayout skaliert werden. Für einige Blogger, die gerne Bilder in ihre Artikel einfügen, empfiehlt es sich, das Align-Attribut des img-Tags auf links oder rechts zu setzen, um das Bild einfacher aufzuhängen und den Text umzubrechen. Sie können auch das Float-Attribut des Div-Tags verwenden, um links und rechts zu suspendieren und so einen Textumbruch zu erzielen. Noch besser ist, dass Sie eine links- und rechte Suspendierung wie bei Google Adsense-Anzeigen erzielen können. Der Code lautet: <div style="height:100%;width:150px;float:right;">Sie können hier einen Bildlink einfügen oder den Google Adsense-Code wie bei ausländischen Blogs einfügen</div>. Verwenden Sie „list“, um eine Liste zu erstellen, und verwenden Sie „line-height“, um die Zeilenhöhe festzulegen .<br />Verwenden Sie <ul><ol><li> und andere Tags der Stylesheet-Liste, um einige Unterüberschriften aufzulisten. Code: <ul><li>Frage 1</li><li>Frage 2</li></ul>. Die Schriftgröße des Textes kann nach persönlichen Vorlieben eingestellt werden. Generell wird die Standardgröße des Blogsystems verwendet (13pt, Songti und Courier neu). Wenn der Text eine große Schriftart erfordert und Ihr Text zu groß und gestapelt erscheint, können Sie dem <p> des Absatzes den Stil hinzufügen: line-height:120%; dies bedeutet, dass die Zeilenhöhe das 1,2-fache der Schriftgröße beträgt. Formatierungsfähigkeiten für sehr lange Texte <br />Wir alle wissen, dass Blog-Artikel kurz und prägnant sein sollten. Es lässt sich jedoch nicht vermeiden, dass bestimmte Artikel sehr lang sind. In solchen Fällen empfiehlt es sich, Unterüberschriften auf verschiedenen Ebenen wie <h1><h2>...<h6> zu setzen und oben im Artikel die vier Definitionslisten-Tags <dir><dl><dt><dd> zu verwenden. Die Anzeigewirkung entspricht dem Stil des Verzeichnisses/Index in Word und 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 den Ankertag <a name=""> verwenden, um den spezifischen Untertitel zu ändern, Code: <a name="list1"><h1>Titel 1</h1></a>. Andere häufig verwendete HTML-Dateien in Protokollen Es wird empfohlen, das Tag <blockquote> zu verwenden, um Auszüge aus Artikeln anderer Personen zu zitieren. Mit diesem Tag können Sie automatisch Einrückungen am linken und rechten Ende der Seite erzielen. Die Standardeinrückung beträgt im Allgemeinen 40 Pixel. Beispiel: <blockquote style="background-color:#f7f7f7;border:1px dotted #dedbde;padding:10px;">Dies ist ein Beispiel für einen Zitatstil</blockquote> |
<<: Lösen Sie das Problem, dass Docker den Hostcomputer unter Mac nicht anpingen kann
>>: Detaillierte Erklärung des MySQL-Ausführungsplans
Artikel empfehlen
Docker realisiert die Verbindung mit demselben IP-Netzwerksegment
Vor Kurzem habe ich das Problem gelöst, dass Dock...
HTML-Tabelle_Powernode Java Academy
Um eine Tabelle in HTML zu zeichnen, verwenden Si...
HTML-Grundlagen: HTML-Inhaltsdetails
Beginnen wir mit dem Körper: Wenn Sie eine Webseit...
Detaillierte Erläuterung der Kommunikation zwischen Angular-Eltern- und -Kindkomponenten
Inhaltsverzeichnis Überblick 1. Übersicht über Ei...
So starten Sie die RabbitMq-Software automatisch, wenn CentOS gestartet wird
1. Erstellen Sie ein neues Rabbitmq im Verzeichni...
Detaillierte Erläuterung der Befehle zum Status und zur Leistung des Linux-Servers
Serverstatusanalyse CPU-Details des Linux-Servers...
Bedeutung der Hintergrundfarbdeklaration beim Schreiben von Stilen
Wie der Titel schon sagt, kann andernfalls bei ein...
MySQL- und SQLYog-Installationstutorial mit Bildern und Text
1. MySQL 1.1 MySQL-Installation mysql-5.5.27-winx...
Zusammenfassung der drei Phasen der Entwicklung eines visuellen Designers
Viele Leute haben dieses Buch gelesen: „Entwickel...
Detaillierte Erklärung zur Verwendung des MySQL-Datentyps DECIMAL
Der MySQL DECIMAL Datentyp wird zum Speichern exa...
Detailliertes Tutorial zur Installation von Docker auf CentOS 8.4
Inhaltsverzeichnis Vorwort: Systemanforderungen: ...
Ist Ihre Website für IE8 geeignet?
Während der Olympischen Spiele wird IE 8 Beta 2 ve...
CSS-Implementierungscode für mehrstufige Menüs
Dies ist eine ziemlich coole Funktion, die Websei...
Lösung für das Problem, dass der MySQL-Dienst gestartet wird, aber keine Verbindung hergestellt wird
Der MySQL-Dienst wird gestartet, aber es kann kei...
Zusammenfassung der HTML-Formatierungsstandards für webbasierte E-Mail-Inhalte
1. Seitenanforderungen 1) Verwenden Sie standardm...