Quelques balises utiles =)

Des balises dîtes "de base".

Citation :

<font>

Qui vous permet d'ajouter du texte, en le définissant au maximum... (Couleur, police de caractère, taille, etc...)

Elle fonctionne de la manière suivante:

Citation :

<font size=3 color="red" face="Comic sans MS">Votre texte</font>

A noter:
-"size" définit la taille de votre texte. Plus le chiffre est petit, plus le texte sera petit.
-"color" définit la couleur de votre texte. Attention à toujours l'indiquer en Anglais.
-"face" définit la police de caractère de votre texte.


# Vous avez ensuite la balise:

Citation :

<h>

Cette dernière est plus généralement utilisée pour les titres. Elle permet de donner de l'importance à votre texte, par la taille qu'il prendra.
Exemple:

Citation :

<h4>Votre texte</h4>

Donnera un texte d'une taille moyenne.
A savoir:
Plus le chiffre que vous attacherez à votre balise <h> sera important, plus votre texte sera petit. Pour créer un gros texte avec cette balise, il faut donc mettre quelquechose comme <h2>.


# Pour ajouter du texte, disons "brut" sans vouloir influer sur la taille, la police ou la couleur, vous avez la balise:

Citation :

<p>

Même fonctionnement que <font>, le texte entre <p> et </p>

Citation :

<p>Votre texte</p>

Des balises + fantaisistes.


Les formes basiques.


# La balise:

Citation :

<i>

Permet de mettre son texte en italique.
Il est fortement recommander de la placer juste après la balise d'insertion de votre texte.
Exemple:

Citation :

<font><i>Votre texte</i></font>

# La balise:

Citation :

<u>

Qui permet de souligner votre texte fonctionne de la même manière.



# La balise:

Citation :

<del>

permet, elle, de barrer votre texte. Elle fonctionne plus ou moins comme les deux autres; à la différence près que vous n'avez pas spécialement besoin de mettre une balise d'insertion de texte (Comme <font>, <h> ou <p>) auparavant.
Exemple:

Citation :

<del>Votre texte barré</del>

# La balise:

Citation :

<q>

Vous permettra de citer du texte. Elle affiche des guillemets à votre texte.
Utilisation:

Citation :

<q>Votre citation</q>

Pour faire simple, les deux balises se transforment en guillemets ("). Il est conseillé d'utiliser ces balises car les guillemets portent un rôle important dans le langage HTML, les insérer dans son texte peut parfois provoquer des erreurs.



Plus de personnalisation.


# La balise:

Citation :

<blink>

Vous permettra de faire clignoter votre texte.

Citation :

<blink>Votre texte clignotant</blink>

A noter:
Pas besoin de balise d'insertion de texte pour cette dernière.


# La balise:

Citation :

<marquee>

Permet de faire défiler du texte sur votre page.
Même fonctionnement que <blink>
A savoir:
Le texte défilera sur toute la largeur de votre page.


# Une balise bien amusante, sortant du lot:

Citation :

<tt>

Elle vous permettra d'écrire votre texte avec la même police de caractère qu'une machine à écrire.
Exemple d'utilisation:

Citation :

<tt>Votre texte</tt>

Vous remarquez que c'est une balise (spéciale) d'insertion de texte.



Présentation de la page.



# Tout d'abord, une balise bien utile:

Citation :

<br />

Elle permet tout simplement d'aller à la ligne


# La balise:

Citation :

<hr />

Permet de créer une ligne horizontale de séparation.


# La balise:

Citation :

<center>

Permet, comme vous l'aurez très certainement deviner, de centrer son objet.
!Attention!
Elle doit toujours se trouver avant l'objet que vous souhaitez centrer.
Exemples:

Citation :

<center><font face="Arial" size=5>Blablabla</font></center>

Ou encore

Citation :

<center><hr /></center>

# Une balise très interressante:

Citation :

<img src="url de l'image" />

Elle permet d'afficher une image =)
Il faut remplacer "url de l'image" par l'adresse exacte où se situe l'image:

Citation :

<img src="http://www.free.fr/images/gâteau.jpg" />

L'url que j'ai mise est incorrecte...
Vous pouvez également centrer votre image =)

Citation :

<center><img src="http://www.free.fr/images/gâteau.jpg" /></center>

Deux inclassables.


Donner la définition exacte de ces deux balises est plus ou moins difficile à comprendre. Je tâcherai de faire de mon mieux pour vous expliquer afin que vous puissiez profiter pleinement de celles-ci.

Citation :

<sup>

Elle sert à créer "une puissance" (Exposant, pour les matheux)
C'est à dire, si vous souhaitez, par exemple, faire 10puissance4, il vous faudra faire:

Citation :

<p>10⁴</p>

Vous pouvez tout aussi bien faire:

Citation :

<p>10</p>⁴

# La balise:

Citation :

<sub>

fonctionne exactement de la même façon.
Elle permet néanmoins de créer un petit nombre légèrement décalé vers le bas de son texte (Un indice, pour les matheux).



Une ou deux petites réflexions...

Comme vous l'avez constaté, je n'ai mis aucune majuscule dans mes balises; en effet, les balises de majuscules ne sont plus d'actualité depuis l'apparation de XHTML (La version supérieur de HTML... Mais ça ne change pratiquement rien). Arrêtez de mettre des majuscules! =)
J'ai vu par moment des personnes qui mettaient des facteurs nuls dans les balises (Du style border=0 ou des choses dans ce sens), si votre facteur est nul, alors ne le mettez pas, il devient facultatif de le préciser! =)



Si jamais vous ne comprenez pas certaines choses dans ce tutow, ou que vous avez des questions, n'hésitez pas à me contacter ^^

merci pour ça!
je trouve ça très utile ^^

En effet, c'est utile.
Je les connaissai déjà de quand j'ai appris le XHTML, sauf pour la meme police que la machine à écrire

utile ! merci

tu l'as appris comment Lywris ?

sur le site du zero, j'ai l'intention de faire un site, mais je sais pas sur quoi xd

Je pourrais t'aider si tu veux Lywris =)

J'ai réalisé pas mal de sites, donc j'ai de l'expérience ^^ (Mais ils ont tous fermé car j'étais pas entouré des bonnes personnes ><)

C'pas de chance...
Quand j'aurai trouvé mon sujet, je pense en effet que je te demanderai de l'aide, parce que je comprend pas tout encore (en particulier le css)...

Wow vachement utile =)

Ohhh Lywris.

Moi aussi je suis une adepte du site du zero.
J'ai deja fait tout le cours sur le XHTML et maintenant je passe au php
J'ai déjà commencé... Le seul problème, c'est que quand on exerce pas, on a de la peine à retenir...

nan, moi j'en suis que à la moiié du CSS.
Mais c'est quand même super bien expliqué...

Ouais, super bien expliqué

Ce sont de très bons cours.

Toutes mes bases je les tiens de là-bas

Tout le monde est d'accord^^
Moi je comprend rien aux designs de site, c'pas demain la veille que je ferais un site je crois

aaaa oui...faire un deisgn de site c'est pas évident mais j'compte m'y mettre quand j'aurais mon ordi et passé mon concours en gros cette été

Lywris, je t'aiderai

Je vais m'y mettre aussi...
En meme temps, ça fait 1 an que je dis ça.. Pis je m'y mets toujours pas..

Suffit de le vouloir =)

C'est plutôt simple en fait

Vous utilisez dreamweaver pour coder? Je suis en train de le télécharger sur ma mule . J'ai mis précieusement le site du zéro dans mes favoris pour quand il aura fini de télécharger

Très utile ton topic heaveeN

Mdr, c'est quoi ton logiciel là TwiTwi ?

J'utilise Notepad++, il est super.

Et encore, auparavant j'y allais au mode warrior, bloc note et pas d'emulateur, rien :s

P.S Merci à tous pour vos "utile" ou "très utile" =)

Euh ben je sais pas... ça me paraissait assez connu xd

moi j'en suis au bloc note, et je tanne ma mère pour pouvoir télécharger mozilla...

Lywris, utilise notepad++ ... C'est le bloc note, mais il colore ton code pour t'y retrouver

Hum, pour l'instant, faut que je convainque ma mere...
C'est moi qui suis sensée gérer l'ordi, mais faut quand meme que je lui demande tou, et comme elle est larguée, elle dit "on verra ça plus tard"

Au pire dis lui "Je télécharge ça, ça et ça pour telle et telle raison" =)