XHTML CSS écrit un blog régulier

Le nom complet d'un blog devrait être le journal Web, qui signifie «journal réseau» en chinois, puis abrégé en blog, et un blog (blogueur) est la personne qui écrit un blog. Comprendre, un blog est "une méthode de publication qui exprime des pensées personnelles, des liens en ligne, du contenu, organisé en ordre chronologique et est constamment mis à jour". Autrement dit, les blogs sont un type de personnes habituées à écrire des journaux en ligne. Comment appliquer le nom complet du blog devrait être le journal Web, ce qui signifie le journal du réseau en chinois, puis abrégé comme blog, et un blog (blogueur) est la personne qui écrit le blog. Comprendre, un blog est une méthode d'édition qui exprime les pensées personnelles, les liens en ligne et le contenu, organisés en ordre chronologique et est constamment mis à jour. Autrement dit, les blogs sont un type de personnes habituées à écrire des journaux en ligne. Comment appliquer HTML et CSS pour écrire un blog magnifique et formel:

Les hyperliens sont les balises HTML les plus couramment utilisées dans les blogs. Ils sont utilisés pour créer un lien vers d'autres articles ou liens de site. Il est recommandé d'ajouter les attributs suivants lors de l'utilisation de la balise A:

HREF: définissez l'adresse URL ou le point d'ancrage du lien

Target: définissez la fenêtre cible ou la page de trame après avoir cliqué sur le lien avec la souris. Généralement, Target = _blank est couramment utilisé, ce qui signifie qu'une nouvelle fenêtre s'ouvre pour ouvrir le lien. Si vous ouvrez le lien sur la page actuelle, vous n'avez pas besoin d'ajouter cet attribut.

Titre: Définissez le message rapide affiché lorsque la souris se déplace vers le lien

REL: Ceci est un nouvel attribut qui n'est devenu populaire que récemment. rel = nofollow signifie interdisant aux moteurs de recherche de lier à partir de ce site, provoquant des modifications de la valeur du pagerank de l'URL de liaison, et est souvent utilisée pour empêcher le lien de spam; rel = tag Il s'agit d'un paramètre Technorati pour Technorati qui utilise le texte de ce lien comme balise de balise pour la page.

Il ne devrait pas y avoir trop de liens dans l'article. Trop de liens feront que les lecteurs se sentent déprimés et nerveux lors de la lecture. Si la couleur du lien et le contraste de couleur du texte sont trop grandes, cela rendra également les gens éblouissants. Le meilleur effet de lien est d'avoir un contraste ou un soulignement de couleur claire, et de remplir l'attribut de titre pour indiquer quel est le contenu de ce lien ou pourquoi vous souhaitez lier. Parfois, vous pouvez également joindre des liens liés à cet article et commenter la liste à la fin de l'article.

Écrire un blog ne peut pas être comme les romans de Gu Long dans une phrase ou une autre, il est donc incontestable d'écrire un blog selon le style d'écriture enseigné par l'enseignant lorsqu'il était étudiant. Il est recommandé d'utiliser la balise P pour segmenter l'article, le code est le suivant: <p> Texte de l'article </p>.

Il convient de mentionner que de nombreux blogueurs n'ont pas l'habitude de mettre en place la première ligne. Certains d'entre eux tapent également quelques espaces sous l'éditeur. Voici le premier code d'attente de ligne implémenté avec l'attribut de texte de texte de CSS: <p style = text-indent: 2em;> Article Text </p>. L'unité d'emploi est généralement 2EM, indiquant deux caractères chinois. N'utilisez pas de pourcentage ou d'autres longueurs d'unité telles que PX et Pt. Utilisez-les pour maintenir l'indentation des deux caractères chinois pendant que la police et la disposition de la page sont mises à l'échelle.

Pour les blogueurs qui aiment accrocher des images dans des articles, il est recommandé de définir l'attribut d'alignement de la balise IMG à gauche ou à droite pour obtenir facilement la suspension de l'image et l'enroulement du corps. Vous pouvez également utiliser l'attribut float de la balise div pour suspendre la gauche et la droite pour réaliser un entourage de texte. Ce qui est encore mieux, c'est que vous pouvez réaliser la suspension des annonces Google Adsense. Le code: <div style = hauteur: 100%; width: 150px; float: à droite;> Vous pouvez placer des liens d'image ici, ou mettre le code Google AdSense comme les blogs étrangers </div>.

Utilisez le <ul> <l> <li> et d'autres balises de la liste des feuilles de style pour répertorier certaines entrées de sous-titres, code: <ul> <li> Problème 1 </li> <li> Problème 2 </li> </ul>.

La taille de la police du texte peut être définie en fonction de votre préférence personnelle. Généralement, la version par défaut du système de blog est utilisée (13pt, Song Font et Courier New). Si le texte a besoin d'une grande police et que votre texte est trop grand et empilé, ajoutez un style au paragraphe <p>: Line-Height: 120%; Cela signifie que la hauteur de la ligne est de 1,2 fois la police.

Bien que nous sachions tous que lors de l'écriture de blogs, il est préférable d'être court et concis, mais il est également impossible d'éviter la nécessité de longs articles de nature particulière. Pour le moment, il est recommandé de définir des sous-titres avec différents niveaux tels que <h1> <h2> ... <h6>, et d'utiliser les quatre balises de liste de définition en haut de l'article, l'effet d'affichage est comme le répertoire / index dans Word, qui peut augmenter la lisibilité et l'organisation de l'article. De nombreux articles du MSDN de Microsoft sont disposés de cette manière. Pour implémenter la fonction de saut de lien, vous pouvez modifier le sous-titre spécifique en modifiant la balise d'ancrage, le code est: <a name = list1> <h1> title 1 </h1> </a>.

Recommandez l'utilisation de la balise <lockquote>, qui peut réduire automatiquement les extrémités gauche et droite de la page. Généralement, la valeur par défaut est de 40 pixels en retrait, par exemple: <BlockQuote Style = Background-Color: # F7F7F7; Border: 1px pointillé #DEDBDE; Padding: 10px;> Ceci est un exemple de Citing Style </lockquote>