imprimante dans la structure du texte figurant dans les pages Web.
Utilisez une bonne mise en page dans votre site web ou un modèle sans prêter attention à la typographie, il pourrait se transformer en un négatif par les utilisateurs de votre site Web.
Pour réussir, vous devrez fournir des informations intéressantes pour vos utilisateurs. Dans ce cas, l’imprimante peut contribuer à accroître la lisibilité du contenu de votre site.
Pour mieux comprendre l’importance de l’imprimante, vous pouvez faire une comparaison avec un simple fichier texte avec un document Microsoft Word qui utilise un format texte: les titres, les sous-titres, paragraphes, l’alignement du texte, gras, italique, couleur de texte , du texte surligné.
En comparant ces types de documents, vous pouvez facilement comprendre qu’un bien-texte formaté peut vous guider à travers le contenu de votre expérience dans l’amélioration de la lecture.
Je ne vais pas vous ennuyer avec les raisons pour lesquelles la typographie est importante dans votre site Web ou un modèle. Il s’agit juste d’un article de blog, pas un manuel de l’impression!
Les polices utilisées sont disponibles sur la plupart des Macintosh et Windows sont: Times New Roman, Georgia, Verdana, Geneva, Arial, Helvetica, Trebuchet, Sans-Serif, et d’autres.
La première propriété qui sera ajoutée à la CSS de votre document d’ajouter la mise en forme dans le contenu HTML est: “font-family, font size, line-height, color”.
Avec la propriété “font-family”, vous pouvez régler les polices utilisées dans votre document.
Utilisation de “font-size”, vous pouvez définir la taille de la police sélectionnée dans la propriété “font-family” et vous pouvez spécifier la valeur en utilisant les unités: px, pt, em.
La propriété “line-height” est utilisé pour spécifier l’espace entre une ligne de texte et un autre (communément appelé l’espacement) à l’aide d’une valeur en pour cent “%”.
Avec la propriété “color”, vous pouvez définir la couleur du texte en utilisant une valeur hexadécimale RGB.
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 140%;
color: #000000;
}
dans un document dans Microsoft Words, dans les pages HTML, vous pouvez ajouter des titres et des sous-titres (heading tags) en utilisant simplement les balises H1, H2, H3, H4, H5, H6.
Les sections peuvent être ajoutés à l’aide de la balise “P”, en utilisant des listes ordonnées “OR”, en utilisant les listes à puces “UL”, la liste des objets à l’aide de “LI”, l’indentation du texte à l’aide de “Blockquote”, pré-texte ou du code en utilisant “PRE” ou “CODE”.
Chacun de ces éléments mai être formaté à l’aide de feuilles de style CSS. Ci-dessous, vous pouvez afficher le contenu en HTML et CSS des propriétés affectées à chaque élément utilisé dans le code HTML.
Title of HTML page
Subtitle
Content inside a paragraph.
Ordered List
- Item List 1
- Item List 2
- Item List 3
Unordered List
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 140%;
color: #000000;
}
p {
margin-top: 10px;
margin-bottom: 8px;
}
h1, h2, h3 {
font-weight: bold;
margin-top: 8px;
margin-bottom: 6px;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
ul, ol {
margin-left: 20px;
}
li {
list-style-type: disc;
}
pre {
font-size: 11px;
margin-left: 20px;
color: #666666;
}
ce blog l’article I ci-joint quelques exemples pour montrer comment utiliser les balises HTML et CSS pour l’impression, à supposer que toute personne qui lit cet article, a déjà l’aise avec l’utilisation de HTML et CSS.
Vous pouvez copier et coller les exemples dans vos pages Web. Ma suggestion est d’utiliser des fichiers CSS pour la mise en page et de typographie, de sorte que vous pouvez facilement gérer les propriétés attribuées CSS.
N’hésitez pas à commenter cet article, je vous répondrai dès que possible.
| Advertise Here |