| Il y a plusieurs endroits sur ce présent site où vous pouvez faire l'utilisation de texte sans qu'il soit limité. Ces textes ne sont pas mis en forme, et les retours chariot au clavier ne rapportent pas à la ligne suivante. Pour effectuer ces derniers, les codes HTML <BR> (break) ou encore <P> (paragraph) devront être utilisés. Ce qui suit vous donne les rudiments de ce codage HTML. C'est simple et relativement facile à apprendre. | ||||||||||
| En-têtes de sections | ||||||||||
|
En HTML, il y a six niveaux d'en-têtes de sections, par ordre d'importance, H1 prédomine, H2 est le suivant et ce, jusqu'à H6 (H = heading).
| ||||||||||
| Retours chariot | ||||||||||
|
Pour faire un retour chariot (rapporter votre texte sur la ligne suivante), appuyer sur « enter » ne fonctionnera pas. Pour se faire, vous devrez utiliser le code HTML <BR> (BR = break).
| ||||||||||
| Paragraphe | ||||||||||
|
Pour crée un interligne de paragraphe, utilisez le code HTML <P>, tout comme avec le code <BR>, il est optionel de faire l'utilisation de la barre diagonale de tag de fin (</P>) (P= pararaph).
| ||||||||||
| Texte en gras | ||||||||||
|
Vous pouvez mettre certains mots en caractères gras en utilisant le code HTML <B> (B = bold).
| ||||||||||
| Texte en italique | ||||||||||
|
Vous pouvez mettre certains mots en italique en utilisant le code HTML <I> (I = italic).
| ||||||||||
| Ligne horizontale | ||||||||||
|
Vous pouvez ajouter des lignes horizontales pour séparer certaines sections de votre texte en utilisant le code HTML <HR> (HR = horizontal).
| ||||||||||
| Images | ||||||||||
|
Pour insérer une image dans votre texte, utilisez le code HTML <IMG>. Il est préférable de spécifiez la largeur et la hauteur de vos images. Pour se faire, utilisez les attributs « largeur » (WIDTH) et « hauteur » (HEIGHT) à l'intérieur du tag IMG. Si vous ne spécifiez pas la largeur et la hauteur de votre image, certains navigateurs téléchargeront toute l'image avant d'afficher la page, et donc nécessite beaucoup plus de temps à charger. Vous pouvez d'ailleurs utiliser l'attibut ALT (alternate) à l'intérieur de votre tag IMG (image), ce dernier créera l'effet de survol (affichant du texte) en passant la souris sur celle-ci.
| ||||||||||
| Liens | ||||||||||
|
Internet a l'habileté de définir les liens (hyperliens) d'une page à l'autre, et de permettre une navigation aisée au simple clique de la souris. Les liens sont définis à l'aide du tag <A>. Dans l'exemple qui suit, nous feront montre de ceci en utilisant le lien nous menant au forum de discussion que voici : « messageList.asp ». Dans l'exemple plus bas, le texte inséré entre les tags <A> et </A> sont utilisés pour définir le lien en texte simple. Et tel que vous en avez déjà l'expérience, un lien est affiché en bleu et est souligné.
Pour créer un lien à un autre site web, vous devez utiliser l'adresse URL au complet, par exemple, pour créer un lien à www.bricklink.com, vous devrez inscrire :
Vous pouvez aussi utiliser une image pour faire un lien, elle apparaîtra avec une bordure bleue. Pour désactiver cette bordure, utilisez l'attribut « BORDER=0 » à l'intérieur du tag de l'image. Ce qui suit fait la démonstration d'une image d'un logo de Bricklink pour créer un lien nous menant à la page d'accueil :
| ||||||||||
| Listes | ||||||||||
|
Les listes les plus communément utilisées sont les listes pointées et les listes numérotées. Voici un exemple de liste pointée, vous voyez un point de suite devant chaque item de la liste :
Voici un exemple de liste numérotée, vous voyez des nombres successifs devant chaque item de la liste :
| ||||||||||
| Tableaux | ||||||||||
|
Les tableaux sont pratiques de par leurs formats pour une mise en page efficace de l'information, ils consistent d'une rangée ou plus de cellules, l'attribut « TABLE » (tableau) agi en tant que contenant des cellules. L'attribut « BORDER » (bordure) spécifie l'épaisseur de la bordure. L'attribut « TR » agi en tant que contenant pour chaque rangée du tableau. Les attibuts « TH » et « TD » agissent en tant que contenant pour les en-têtes et les cellules respectivement. Voici un exemple :
|
| |||||||||
