Voulez-vous esquisser un dessin sans avoir une gomme à portée de main? Voulez-vous peindre une pièce, sans avoir d`abord taping les bords des murs? Eh bien, ne pensez même pas sur les blogs sans comprendre les 7 balises HTML suivantes, que tout écrivain en ligne devrait vraiment savoir.

Il y a beaucoup de situations où vous devrez peut-être modifier la mise en forme d`une entrée de blog ou un article en ligne. Si vous êtes un auteur indépendant, ayant la capacité de fournir un rien en utilisant l`article bien formaté, mais un éditeur de texte et le code HTML est une excellente habileté à avoir.

Pour être commercialisable et flexible en ligne, il vous suffit de savoir comment formater un article HTML complet, ou comment modifier les choses quand même un outil d`édition Web ne soit pas les choses tout à fait raison. Les éléments suivants sont 7 balises HTML critiques que vous devez toujours garder dans votre poche arrière, ainsi que quand et pourquoi vous devriez les utiliser.

HTML est pas seulement pour Geeks

Il y a beaucoup de balises HTML de base là-bas, mais cet article ne vise pas à être encore une autre présentation ennuyante à HTML pour vous pauvres écrivains qui ont absolument aucun intérêt à apprendre aux pages Web de code. Non, ce que nous parlons ici est en forme sur le web. Pour un article à regarder vraiment bon, il y a quelques règles générales à suivre et quelques précieux conseils, durement appris que je souhaite vraiment que je connaissais quand j`ai commencé à écrire pour les clients sur le web.

Je ne dis pas cela à la légère. Je suis un programmeur au cœur, et quand j`ai commencé à écrire sur le web, je pourrais avoir un code d`une page Web à partir de zéro sans casser vraiment une sueur. Pourtant, j`ai eu beaucoup à apprendre quand il est venu à l`aide de HTML pour la mise en forme de l`article. Aujourd`hui, je voudrais transmettre quelques-unes des leçons que j`ai appris au cours de la dernière décennie plus de nouveaux aspirants écrivains en ligne et les blogueurs. Voici les sept conseils de mise en forme que nous allons regarder des tags pour: citation mise en forme, en plaçant les images, la mise en forme de liste, les en-têtes de structuration, créant ainsi l`accent dans des phrases, plaçant des annonces non-importuns, et créditant sources.

En-têtes - qui en a besoin?

Au fil des ans, l`étiquette pour des choses comme les balises d`en-tête (

,

, etc ...) a changé. Alors que l`âge vieux de pointe de SEO à couler en-têtes de grand à petit tout au long de l`article est vrai, il y a un débat constant entre les éditeurs de savoir s`il est préférable de simplement utiliser la même taille d`en-tête tout au long, que ce soit des choses comme texte en gras constituent une subheader valide, et toutes sortes d`autres détails tatillon. Oubliez tout cela

Tout ce que vous avez à retenir est que les études montrent clairement que le modèle des yeux des lecteurs sur le web montrent un modèle F en forme clair que vous devez profiter du moment où vous écrivez.

Dans une étude de suivi de l`oeil réalisée par Nielsen Norman Group, les chercheurs ont constaté que sur Internet, les lecteurs lisent d`abord horizontalement en haut de la page deux ou trois fois, puis ils scannent sur le côté gauche de la page. Ce que cette étude révèle que les lecteurs utiliseront les en-têtes comme un outil pour identifier le contenu qui est important pour eux. Donc, si vous vous souciez de fournir ce que vos lecteurs veulent, alors si vous commandez les en-têtes de grand à petit n`a pas d`importance autant que les en-têtes de remplissage avec mots d`information qui disent en fait aux lecteurs ce que la section est sur le point, et de les placer de façon uniforme dans tout l`article pour l`organiser bien.

Vous pouvez penser que vous êtes plein d`esprit et d`être créatif avec ces titres, mais si vous n`êtes pas Décrivant la section, vous vraiment pas faire quelqu`un des faveurs.

À citation ou non à la proposition

Mains vers le bas le plus grand tag inventé, à mon avis, est la

marque. La raison pour laquelle je l`aime est à cause du style cool, il offre aux propriétaires de blog. Quel que soit le thème WordPress ou Blogger vous utilisez, les chances sont assez bonnes qu`il traite la

étiqueter différemment. Chaque concepteur de thème a son idée de ce qui devrait aller dans le style CSS de citations dans des articles. Le point est que cela vous offre la possibilité de briser le contenu de votre article d`une manière qui plaît à l`œil et attire les gens à lire la citation.

Si vous écrivez pour un client, demandez-leur s`il est bon pour vous de faire usage de l`étiquette, et si elles permettent, par tous les moyens l`utiliser.

Une pointe pour l`utilisation

dans vos articles: ne pas trop. Une ou deux courtes citations dans un article qui est environ 800 à 1000 mots est plus que suffisant. Il donne non seulement la possibilité de donner à l`oeil une pause de paragraphes, mais il vous permet d`apporter des citations d`experts extérieurs, ce qui renforce encore la crédibilité de votre article. Vous ne pouvez pas perdre.

Comment utiliser des images

Une autre chose que les heatmaps lecteur en ligne Nielsen a révélé: les gens ont tendance à s`attarder à des images lors de la lecture d`un article en ligne. De plus, les yeux sont attirés à l`image suivante. Cela vous donne un moyen psychologique très puissant pour empêcher les gens de lecture le long de votre article. De plus, un peu comme un

, images briser le contenu et donner l`oeil une pause du lecteur.

De toute évidence, MakeUseOf emploie l`utilisation de Nice, de grandes images - idéal pour le tri des articles tech-aide qui se trouve sur un site comme celui-ci.

Vous remarquerez que les images sont espacées juste assez éloignés pour que le temps que vous avez un peu fait défiler, l`œil est au courant d`une autre image à venir ci-dessous. Ce n`est pas quelque chose qui fait que pour l`impact psychologique de dessin de l`œil vers le bas l`article - il est juste pour une lecture beaucoup plus agréable et une meilleure recherche article.

Cela dit, si le blog ou site web que vous écrivez pour n`ont pas le immobilier sur la page pour les grands, des images pleine largeur comme celle-ci, alors vous devriez au moins utiliser des images plus petites qui sont alignés à gauche ou à droite dans l`article. Quand je fais cela sur mon propre blog, je l`aime en fait alterner de gauche à droite juste pour changer les choses comme les flux de l`article sur la page.

Video: Découvrez les nouvelles balises HTML5 header section nav footer

Images avec l`alignement de l`habillage de texte autour comme celui-ci est généralement juste une simple question de réglage de la classe d`alignement à « droite » ou « gauche » dans la tag, mais toujours vérifier avec le propriétaire du blog ou site web vous écrivez pour savoir s`il y a tout style CSS qui utilise quelque chose comme ce qu`on appelle la propriété « float » à faire des alignements. Il peut y avoir une syntaxe spécifique que vous devez utiliser pour aligner les images comme celle-ci en fonction du style CSS, alors prenez le temps de demander au concepteur. Il vaut bien l`effort, et fera un article beaucoup plus attrayant.

Faites une liste et vérifiez deux fois

Comme Tina détaillée dans son article sur balises HTML, il existe deux types de listes vous formatez en HTML, la balise liste ordonnée

et la balise de liste non ordonnée
. Les premiers numéros de place devant les éléments de la liste, la deuxième met des points. Vous pouvez voir la syntaxe dans l`article de Tina, mais quand est-il exactement approprié d`utiliser l`un ou l`autre - ou même utiliser une liste à tous?Top 11 des balises HTML Chaque Blogger & Site Web du propriétaire doit savoirTop 11 des balises HTML Chaque Blogger & Site Web du propriétaire doit savoirLe World Wide Web connaît de nombreuses langues et est codé en plusieurs. L`une langue cependant, que l`on retrouve partout et a été autour depuis l`invention des pages web, est le ...Lire la suite

Tout d`abord, les listes sont encore une autre façon de briser le monotany des paragraphes droits, en gardant le lecteur intéressé, et une fois dessin l`oeil à une liste rapide des éléments qui peuvent être scannés assez facilement. La règle de base que j`utilise est de savoir si les éléments ou ne doivent pas être comptés de quelque façon. Si elles le font, utilisez une liste numérotée. Sinon, utilisez innombrable.

Cela paraît simple, mais parfois il y a une ligne grise. Par exemple, la liste des raisons pour lesquelles l`aide d`un réseau sans fil peut être unsecure nécessiterait une liste sans chiffres, parce que vraiment peu importe combien il y a - ils sont justes motifs. D`autre part, lorsque vous donnez les étapes d`un processus ou une procédure où l`ordre des questions de la liste, les numéros de sens. Ne pas utiliser les numéros si vous n`avez pas, car ils peuvent rendre votre liste maladroite. Les listes à puces peuvent aller vraiment loin vers l`amélioration de la mise en page de votre article - afin d`avoir au moins un, s`il est approprié pour le sujet, est une très bonne idée.

Bolding et Italique ont évolué

Auparavant, ce texte était bolding le chemin à parcourir quand on voulait mettre l`accent sur une phrase ou un point dans une phrase. Cette proliféré avec les conceptions de site Web abominables des 90, où les sites qui essaient de vendre des choses serait audacieux et changer la taille des caractères de différents mots pour en quelque sorte inconsciemment vous amener à se concentrer sur ces mots de l`argent ou quelque chose ... Je ne sais pas. Mais je ne sais qu`une fois blogging est devenu si populaire, et en-têtes ont commencé à former la structure de ce contenu, caractères gras ne fait plus de sens pour mettre l`accent sur quoi que ce soit. Au mieux, il est mieux utilisé comme un moyen de transformer un texte dans l`en-tête le plus petit taille possible - qui beaucoup de blogs là-bas font.

Dans les temps anciens, l`étiquette était gras , et beaucoup de gens continuent de l`utiliser sans savoir que le Web est passé à plus de balise moderne , ou la syntaxe CSS texte.

De même, tout le monde l`habitude d`utiliser pour tout italique, alors qu`aujourd`hui la méthode pour souligner le texte en italique est d`utiliser la marque. C`est vraiment le moyen idéal pour mettre l`accent sur un mot ou une phrase. Il fonctionne bien et a l`air propre et professionnel lorsque vous avez terminé avec modération.

Non envahissants annonces

Comment vous placez une annonce dans votre article peut vraiment faire la différence quand il est de ne pas perdre vos lecteurs à cause de cela. En fait, beaucoup de lecteurs sont habitués à l`idée d`annonces et pourquoi ils sont nécessaires pour payer pour le contenu, mais ce qui agace les lecteurs et les chasse (ou les oblige à utiliser ces ad-bloquants horribles) est des annonces qui pop-up, le texte du bloc ou sont camouflé pour ressembler à une partie d`un article. Ne pas faire cela.

Au lieu de cela, utiliser des annonces avec des frontières claires et utiliser la méthode CSS « ​​float » pour faire habillage de texte autour (à moins que vous placez dans la barre latérale). C`est ce qui ressemble à:

Le flotteur: droite placera dans le texte où vous avez besoin, et vous pouvez automatiser cela dans WordPress en utilisant des modèles comme je l`ai décrit dans des articles précédents. Cela supprime la nécessité de placer l`annonce dans chaque article. Comme vous pouvez le voir, l`annonce est assez grand pour attirer l`attention, mais il n`est pas camouflée ou de bloquer tout texte, donc si les lecteurs veulent, ils peuvent simplement l`ignorer et à lire. Pas de problème.Comment faire pour utiliser un modèle de contenu Wordpress écrire plus rapideComment faire pour utiliser un modèle de contenu Wordpress écrire plus rapideWordpress est une invention brillante, et a permis à de plus en plus de gens d`avoir des sites Web étonnants, avec de beaux thèmes. Cependant, il y a encore la question de la zone de contenu, qui doit encore ...Lire la suite

La pire chose que vous pouvez faire avec vos articles est trop avec annonces et chasser les lecteurs (et dans de nombreux cas, vous pouvez même pas avoir à se soucier des annonces, comme si vous écrivez pour un client). Cependant, comme propriétaire de votre propre blog, ce sont le genre de choses que vous devez prendre en compte lorsque vous écrivez des articles sur votre site, et ces conseils de mise en forme des annonces de base peuvent faire une grande différence avec la façon dont votre annonce est perçue.

Sources créditant

La pire chose sur l`Internet est vraiment le vol de contenu qui a lieu - et je ne parle pas seulement les années Lowlife qui raclent le filet pour le contenu et le copier sur leurs propres sites de spam de faible qualité, mis en place uniquement pour Google circulation. Non, même les plus grands et les plus populaires sites - les blogs grands et nouvelles des médias - ont une très mauvaise habitude de voler des reportages et des « scoops » de petits blogueurs et sites web, en ajoutant quelques citations supplémentaires, et revendiquant l`idée que leur propre . Il est horrible et très contraire à l`éthique, mais cela arrive. Cela ne signifie pas que vous devriez suivre cet exemple. En fait, il est logique que citant des sources de haute qualité pour sauvegarder les revendications article diffuserait votre site identifié comme une source de haute qualité de l`information fiable. C`est l`or SEO là.RefDot: Fait citant des sources à partir du Web facileRefDot: Fait citant des sources à partir du Web facileLire la suite

Cependant, vous ne voulez pas que le texte se démarquer comme contenu important au pied de page de votre article. Une approche commune citant des sources de l`histoire ou sources d`images au pied de page d`un article est d`utiliser la étiquette, qui force la police vers le bas d`une taille. Il est un excellent moyen de mettre en forme les informations des droits d`auteur, les commentaires juridiques et des crédits. Il fournit les informations nécessaires, mais ne détourne pas de la conclusion effective de l`article lui-même.

Video: Creation site web avec HTML Lecon 5 Balises Structurante

Bien sûr, les conseils sont au-dessus des bases nues que tout écrivain en ligne devrait apprendre, mais si vous êtes intéressé à creuser plus profond il y a beaucoup de ressources. Consultez mon article la liste des grands sites Web où vous pouvez apprendre le code HTML. Tina a également détaillé certains supplémentaires, effets HTML utiles vous pouvez ajouter à votre site. Si vous voulez aller vraiment fou, il y a aussi des ressources là-bas pour apprendre CSS ainsi que.8 meilleurs sites Web pour des exemples de codage HTML Qualité8 meilleurs sites Web pour des exemples de codage HTML QualitéLire la suite

La simple vérité de la question est que l`écriture en ligne prend plus que la créativité nécessaire pour écrire quelque chose pour une publication imprimée. publication Internet signifie que vous devez comprendre non seulement les codes de base derrière les sites Web, mais aussi quand et pourquoi vous devriez les utiliser.