Quelques Balises Html

Quelques balises HTML Par Sir de Kerguerzec/Kfadelk Ces balises sont utiles pour mettre en forme le texte d’une gazette ou du commentaire de votre blason. Vous pourrez ainsi insérer une image, créer un tableau, une liste, modifier la police d’écriture, la taille du texte, sauter une ligne, etc… Voici quelques remarques à ne pas oublier : - Certaines balises doivent être fermée par une autre balise. Elles seront bien entendu indiquées. - Les balises peuvent être imbriquées les unes dans les autres, il n’est pas nécessaire de fermer une balise avant d’en insérer une autre. Vous pourrez ainsi appliquer plusieurs effets (gras + italique par exemple) à une même portion de texte. - Il est préférable de taper les balises en majuscules, pour des raisons de lisibilité, mais ce n'est pas obligatoire. - Il ne suffit pas d'appuyer sur la touche "Entrée" pour sauter une ligne en HTML, il faut utiliser une balise spéciale :
En HTML les couleurs ont un code constitué de 6 chiffres hexadécimaux (de 0 à F). Voici quelques exemples de couleur avec leur code hexadécimal : Noir : #000000 Blanc : #FFFFFF Bleu : #0000FF Rouge : #FF0000 Vert : #00FF00 Jaune : #FFFF00 Gris : #C0C0C0 Violet : #FF00FF

Mise en forme particulière - Police plus grande : Les deux balises doivent entourées le texte que vous voulez agrandir. Ne crie pas ! Ne crie pas !! ou tu meurs… Ne crie pas ! Ne

crie pas !! ou tu meurs…

- Police plus petite : <SMALL> Les deux balises doivent entourées le texte que vous voulez rétrécir. Chut ! <SMALL>il n’est pas loin… Chut ! il n’est pas loin…

- Gras : Les deux balises doivent entourées le texte que vous voulez mettre en gras. Il cria en direction de son ami : Derrière toi ! Il cria en direction de son ami : Derrière toi !

- Italique : Les deux balises doivent entourées le texte que vous voulez mettre en italique. Il prit une dague et sans une hésitation la planta dans son dos. Il prit une dague et sans une hésitation la planta dans son dos.

- Souligné : Les deux balises doivent entourées le texte que vous souligner. Qu'y a-t-il, Seigneur ? Dois-je l'assassiner ? Qu'y a-t-il, Seigneur ? Dois-je l'assassiner?

- Barré : <STRIKE> Les deux balises doivent entourées le texte que vous voulez barrer. Faut-il envahir ses provinces ? <STRIKE>Oui puisqu Non ! La guerre nous affaiblirait ! Faut-il envahir ses provinces ? Oui puisqu Non ! La guerre nous affaiblirait !

- Lien : Les balises doivent entourer le texte que vous voulez placer en lien. Cette balise possède plusieurs attributs : - HREF : Emplacement du document - TITLE : Description du lien Gloire et Pouvoir Gloire et Pouvoir

- Citation :

Les deux balises doivent entourées le texte que vous voulez placer en citation. Le foudroyant du regard il dit :

Pour qui vous prenez-vous, jeune prétentieux ? Mes armées se dirigent déjà vers vos contrées !

Iwenn le Jeune, abasourdit quelques instants par ces paroles, couru prévenir le Duc, son père. Le foudroyant du regard il dit : Pour qui vous prenez-vous, jeune prétentieux ? Mes armées se dirigent déjà vers vos contrées Iwenn le Jeune, abasourdit quelques instants par ces paroles, couru prévenir le Duc, son père.

- Espace insécable :   Crée un espace. Le HTML ne gère pas les espaces comme les traitements de texte. Pour crée un espace en début de ligne il faut utiliser   Puis il dit :
   Ecoutez la Grande Histoire de notre Croisade ! Puis il dit : Ecoutez la Grande Histoire de notre Croisade !

Mise en forme générale - Saut de ligne :
Permet d’aller à la ligne. Sir Gauvain :
Bonjour à tous ! Sir Gauvain : Bonjour à tous ! - Ligne horizontale :

---

Cette balise possède plusieurs attributs facultatifs : - align : Pour aligner la ligne. Peut prendre les valeurs : right, left, ou center - width : Largeur de la ligne (en pixels ou % de la fenêtre du browser) - size : Epaisseur de la ligne (1 à 10) - color : Couleur de la ligne

---

---

---

- Titre : Les deux balises doivent entourées le texte que vous voulez placer en titre. x prend une valeur entre 1 (le plus grand) et 6 (le plus petit). Voici ce que l’on pouvait lire sur la première page :

Le trône de Kalan

Tout commenca… Voici ce que l’on pouvait lire sur la première page : Voici ce que l’on pouvait lire sur la première page :

Le trône de Kalan Tout commenca…

- Police : Les deux balises doivent entourées le texte dont vous voulez modifier la police. Il est conseillé d’utiliser des polices standards, ou de permettre à l’utilisateur de télécharger la police (si l’utilisateur n’a pas la police demandée, le texte sera affiché avec la police par défaut du navigateur) Cette balise possède plusieurs attributs facultatifs : - FACE : nom de la police. - SIZE : Taille des caractères - COLOR : Couleur des caractères Il prit sa plume et, en quelques secondes, se forma sa signature :

Sir Gauvain Il prit sa plume et, en quelques secondes, se forma sa signature :

Sir Gauvain - Paragraphe :

La balise de fermeture est facultative, si elle est absente 2 lignes seront sautées. Ces balises permettent de définir des paragraphes (elles doivent entourer le paragraphe). Elles sauteront donc automatiquement des lignes au début et à la fin du paragraphe. Cette balise possède plusieurs attributs facultatifs : - LEFT : Aligne le texte à gauche - RIGHT : Aligne le texte à droite - CENTER : Centre le texte - JUSTIFY : Justifie le texte

Les joutes du Roy Kalan

Quel est donc ce jouteur ? Il arrive, inconnu, au plus grand tournoi de ces dernières années, et il le remporte sans coup férir !

Dame Cunégonde semble apprécier, en tout cas ! Heureux homme !

Les joutes du Roy Kalan Quel est donc ce jouteur ? Il arrive, inconnu, au plus grand tournoi de ces dernières années, et il le remporte sans coup férir ! Dame Cunégonde semble apprécier, en tout cas ! Heureux homme !

Insertion d’image - "nom de fichier" désigne le chemin d'accès du fichier que vous voulez afficher. Cette balise possède plusieurs attributs facultatifs : - WIDTH : Largeur de l'image - HEIGHT : Hauteur de l'image - ALT : Texte de rechange au cas où l'image ne s'affiche pas - BORDER : Entoure l'image d'une bordure dont on précise la largeur. - HSPACE : Espace horizontal vide autour de l'image (en nombre de pixels). - VSPACE : Espace vertical vide autour de l'image (en nombre de pixels). La balise possède également un attribut destiné à positionner et aligner l'image, ALIGN, qui peut prendre plusieurs valeurs (à placer entre guillemets) : - LEFT : Texte à gauche - MIDDLE : Texte au milieu - RIGHT : Texte à droite - ABSBOTTOM : Texte en bas (absolu) - ABSMIDDLE : Texte au milieu (absolu) - TOP : En haut - TEXTTOP: Texte en haut - BASELINE : Sur la ligne du texte - BOTTOM : Texte en bas

En se penchant par dessus le bastingage, sir Gauvain pu voir la livrée du voleur : En se penchant par dessus le bastingage, sir Gauvain pu voir la livrée du voleur :