Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 HTML : Les bases

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: HTML : Les bases   Lun 18 Juil 2011 - 18:25

HTML - Les balises principales



Coucou tout le monde ^^
Voici à votre disposition, les balises principales du langage HTML. Les codes sont à votre disposition afin que vous puissiez vous en servir quand vous le souhaitez ;)
Je n'ai listé que celles qu'on peut fréquemment rencontrer et dont on se sert assez souvent. Il est possible que j'en aie oublié, n'hésitez pas à me prévenir ;)


Pour organiser votre texte en paragraphes. Un retour à la ligne ainsi qu'un saut de ligne sont automatiquement réalisés.
Code:
<p></p>

exemple :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.



Pour retourner à la ligne. Attention, il y a pas de saut de ligne si une seule balise est utilisée ^^
Code:
<br />

exemple :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.



Cette balise-là permettra d'insérer une image. L'attribut border permet de quantifier la bordure qui pourra entourer l'image : 0 signifie donc qu'il n'y aura pas de bordure. L'attribut alt, obligatoire, est là pour remplacer l'image quand le lien de celle-ci est cassé. Un texte alternatif (d'où son nom) viendra remplacer cette image.[/justify]

Code:
<img src="lien de l'image" border="0" alt="autre titre" />


Grâce à cette balise, vous pourrez facilement créer un lien hypertexte. En cliquant dessus le texte, votre navigateur vous mènera directement à la page
Code:
<a href="lien du site">texte</a>

exemple :

Pixelia



Voici le code pour créer une liste à puces non numérotée. Les balises "li" constituent les éléments de cette liste.
Code:
<ul><li>A</li><li>B</li></ul>

exemple :
  • A
  • B


Pour créer une liste à puces numérotée
Code:
<ol><li>A</li><li>B</li></ol>

exemple :
  1. A
  2. B


Pour réaliser un tableau voici l'ensemble de codes dont vous aurez besoin. Cet ensemble crée un tableau sans lignes ni colonnes définies par des traits. 'tr' correspond à une ligne du tableau et 'td' à une cellule de ce dernier.
Code:
<table><tbody><tr><td>A</td><td>B</td></tr><tr><td>C</td><td>D</td></tr></tbody></table>

exemple :
AB
CD



Pour faire défiler un texte ou des images les balises marquee sont utiles. L'attribut marquee behaviour permet de contrôler le comportement de votre défilement. Pour choisir la direction, vous pouvez prendre "left" (défilement de droite à gauche), "right" (défilement de gauche à droite), "up" (défilement du bas vers le haut) ou bottom (du haut vers le bas). Vous pouvez également régler la vitesse de défilement, plus le chiffre est élevé, plus le défilement est rapide. Plein d'autres choses sont possibles : la taille du carré de défilement entre autres...
Code:
<MARQUEE behavior="scroll" direction="left" scrollamount="4" onmouseover='this.stop()' onmouseout='this.start()'>
texte qui défile</MARQUEE>

exemple :

texte qui défile



Pour qu'une image devienne cliquable, c'est tout simple :
Code:
<a href="lien du site"><img src="lien de l'image" border="0" alt="titre"></a>

exemple :
bouton pix

source : site du zéro

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
 

HTML : Les bases

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: Codes tout prêts-
Sauter vers: