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. Der vollständige Name von Blog sollte Weblog sein, was auf Chinesisch „Netzwerkprotokoll“ bedeutet. Später wurde es zu Blog verkürzt, und Blogger ist die 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> |
<<: Beispielcode für Text-Origami-Effekt mit CSS3
>>: Vue-Anpassungsmethode für Großbildschirme
Artikel empfehlen
So zeigen Sie den Status von Remote-Serverdateien in Linux an
Wie unten dargestellt: Der Testbefehl stellt fest...
So zeichnen Sie die Zeitleiste mit Vue+Canvas
In diesem Artikelbeispiel wird der spezifische Co...
So verwenden Sie den Nginx-Proxy zum Surfen im Internet
Normalerweise verwende ich nginx als Reverse-Prox...
Eine kurze Zusammenfassung meiner Erfahrungen beim Schreiben von HTML-Seiten
Es sind drei oder vier Monate vergangen, seit ich ...
Mysql Master-Slave-Synchronisation Last_IO_Errno:1236 Fehlerlösung
Was ist der Grund für den Fehler Last_IO_Errno:12...
Eine kurze Erläuterung der MySQL-Benutzerberechtigungstabelle
MySQL erstellt bei der Installation automatisch e...
Verwendung von MySQL-Fuzzy-Abfragen (regulär, Platzhalter, integrierte Funktion)
Inhaltsverzeichnis 1. MySQL-Platzhalter-Fuzzy-Abf...
So verwalten Sie mehrere Projekte auf dem CentOS SVN-Server
Eine Forderung Im Allgemeinen hat ein Unternehmen...
Eine Fallstudie zum gründlichen Verständnis der korrekten Verwendung des MySQL-InnDB-Joint-Index
Es gibt ein Unternehmen, das die 5 zuletzt überpr...
Eine kurze Erläuterung, wann MySQL interne temporäre Tabellen verwendet
Gewerkschaftsexekution Verwenden Sie zur Vereinfa...
Implementierung des Seitenumblättereffekts durch Gleiten und des Klickereignisproblems auf dem mobilen Endgerät
vorgenannt Dieser Artikel ist sehr kurz~ Der Haup...
Detaillierte Beschreibung des Anwendungsszenarios für Javascript-Closure
Inhaltsverzeichnis 1. Abschluss 2. Szenarien für ...
WeChat-Applet + ECharts zur Realisierung eines dynamischen Aktualisierungsprozesses
Vorwort Kürzlich stieß ich auf eine Anforderung, ...
Allgemeine Linux-Befehle chmod zum Ändern der Dateiberechtigungen 777 und 754
Der folgende Befehl wird häufig verwendet: chmod ...
Detaillierte Erklärung der binären und varbinären Datentypen in MySQL
Vorwort BINARY und VARBINARY ähneln in gewisser W...