Maison  >  Article  >  interface Web  >  XHTML CSS écrit une production formelle de pages BLOG_HTML/Xhtml_Web

XHTML CSS écrit une production formelle de pages BLOG_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:45:151491parcourir

Le nom complet de Blog devrait être Web log, ce qui signifie « journal réseau » en chinois. Il a ensuite été abrégé en Blog, et un blogueur (Blogger) est la personne qui écrit un blog. D'un point de vue compréhensif, un blog est « une méthode de publication qui exprime des pensées personnelles, des liens réseau et du contenu, classés par ordre chronologique et constamment mis à jour ». En termes simples, les blogueurs sont un type de personnes habituées à rédiger des journaux en ligne. Comment utiliser HTML et CSS pour écrire un BLOG beau et formel :
Utilisez correctement la balise a
L'hyperlien est la balise HTML la plus couramment utilisée dans les blogs. Elle est utilisée pour créer des liens vers d'autres articles. ou des sites. Pour les liens, il est recommandé d'ajouter les attributs suivants lors de l'utilisation de la balise a :
href : Définir l'adresse url ou le point d'ancrage du lien
target : Définir la fenêtre ou la page frame cible après le la souris clique sur le lien. L'attribut couramment utilisé est target. = "_blank" signifie ouvrir une nouvelle fenêtre pour ouvrir le lien. Vous n'avez pas besoin d'ajouter cet attribut lors de l'ouverture du lien sur la page actuelle. les informations d'invite affichées lorsque la souris passe sur le lien.
rel : Il s'agit d'un développement récent. Les nouvelles propriétés commencent à devenir populaires. rel="nofollow" signifie interdire aux moteurs de recherche de créer un lien vers ce site et de provoquer des modifications dans la valeur du classement de l'URL liée. Il est souvent utilisé pour empêcher les liens de spam. rel="tag" est défini pour que les technorati utilisent le texte de. ce lien comme balise de page.
N'ayez pas trop de liens dans l'article. Trop de liens rendront les lecteurs déprimés et nerveux lors de la lecture. Si le contraste entre la couleur du lien et la couleur du texte est trop important, cela fera également. les gens ont l'air éblouis. Le meilleur effet de lien est un contraste de couleur clair ou un soulignement, et le remplissage de l'attribut titre pour indiquer quel est le contenu du lien ou pourquoi il est lié. Parfois, vous pouvez également joindre des liens liés à cet article et les annoter dans une liste à la fin de l'article.

Développer une bonne habitude de diviser les articles en paragraphesÉcrire un blog ne peut pas se résumer à une phrase par paragraphe comme le roman de Gu Long, il n'est donc pas controversé d'écrire un blog selon le style d'écriture enseigné par le professeur quand j'étais étudiant. Il est recommandé d'utiliser la balise p pour segmenter l'article. Le code est le suivant :
Texte de l'article

.

Il est à noter que de nombreux blogueurs n'ont pas l'habitude d'indenter la première ligne. Certains ne tapent que quelques espaces dans l'éditeur. Voici le code pour indenter la première ligne en utilisant l'attribut text-indent du CSS :
Texte de l'article

, l'unité d'indentation est généralement 2em, ce qui représente deux caractères chinois. N'utilisez pas de pourcentages ou d'autres longueurs d'unité telles que px, pt, etc. Em peut maintenir la distance entre deux caractères chinois lors de la police de la page. et la mise en page sont mises à l'échelle.

Pour certains blogueurs qui aiment accrocher des images dans leurs articles, il est recommandé de définir l'attribut align de la balise img à gauche ou à droite pour accrocher facilement les images et envelopper le texte. Vous pouvez également utiliser l'attribut float de la balise div pour accrocher à gauche et à droite pour envelopper le texte. Mieux encore, il peut accrocher à gauche et à droite comme les publicités Google Adsense. Code :
Vous pouvez mettre des liens d'images ici, ou les mettre. comme les blogs étrangers. code google adsense
.

Utilisez list pour lister, utilisez line-height pour définir la hauteur de ligne Utilisez des balises telles que
      de la liste des feuilles de style pour lister certaines entrées de sous-titres, le code :
      • Question 1
      • Question 2
      • .
      La taille de la police du texte principal peut être définie selon vos préférences personnelles. Généralement, celle par défaut du système de blog est utilisée (13 pt, Song Dynasty et courier new Si le texte principal nécessite une grande police et votre texte). semble trop grand et empilé, vous pouvez utiliser le
      Ajouter le style : line-height:120%; cela signifie que la hauteur de la ligne est 1,2 fois la police.


      Compétences en matière de composition pour des textes très longsBien que nous sachions tous qu'il est préférable de garder des articles courts et concis lors de la rédaction d'un blog, il est inévitable que certains articles de nature particulière doivent être longs. . À l'heure actuelle, il est recommandé d'utiliser

      ...

      pour définir les sous-titres à différents niveaux et d'utiliser les quatre balises de liste de définitions

      en haut. de l'article pour afficher l'effet comme un mot. Le style de la table des matières/index de l'article peut augmenter la lisibilité et l'organisation de l'article. De nombreux articles du MSDN de Microsoft sont organisés de cette manière. Pour implémenter la fonction de saut de lien, vous pouvez utiliser la balise d'ancrage
      pour modifier le sous-titre spécifique, code : Titre 1

      .

      Certains autres HTML couramment utilisés dans les blogsIl est recommandé d'utiliser la balise
      pour citer des fragments d'articles d'autres personnes. Cette balise peut réaliser automatiquement l'indentation des extrémités gauche et droite. de la page. Généralement, l'indentation par défaut est de 40 pixels, par exemple :
      Ceci est un exemple de style de citation
      .
    Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn