Retour vers le site Vanela Ecom & Drop

Code HTML

 
RETOUR VERS VANELA ECOM & DROP

Titres | Titres-Modifiés | Paragraphes | OnMouseOver | Listes-à-Puces

Listes à puce modifiées | Balise DIV | Balises DIV modifiées | Balises DIV alignées | Images | Rotation d'Images | Vidéos 1 | Vidéos 2

RETOUR VERS LE HAUT
 

Les différentes Balises

Titres

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5
Titre 6

 

 
RETOUR VERS LE HAUT

Titres modifiés

Titre 1 : align="center"

Titre 2 : text-align:center;

Titre 3 : color:#F36;

Titre 4 : font-weight:bold;

Titre 4 : balise <strong>

Titre 4 : balise <strong> à l'intérrieur

Titre 5 : font-style:italic;
Titre 5 : balise <em>
Titre 6 : letter-spacing: 30px;
Titre 6 : font-size: 40px;
 
RETOUR VERS LE HAUT

Paragraphes

Paragraphe

.................

Paragraphes modifiés

Paragraphe ave Balise <span>

Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.

 
RETOUR VERS LE HAUT

OnMouseOver

Paragraphe - Change de couleur : onMouseOver

Paragraphe - Change de couleur : avec un lien

Voir aussi : "Les rouleaux de massage" 

  • OnMouseOver sur les listes à Puces
  •  

    RETOUR VERS LE HAUT

    Listes à Puces

  • Liste à puces
  • Liste à puces
  • Liste à puces
  • Liste à puces
  • .................

    .................

    1. Liste à puces numéroté
    2. Liste à puces numéroté
    3. Liste à puces numéroté
    4. Liste à puces numéroté

     
    RETOUR VERS LE HAUT

    Listes à puce modifiées

  • Liste à puces : text-align:center;
  • Liste à puces : font-weight:bold;
  • Liste à puces : color:#F36;
  • Liste à puces : font-family:'Courier New', Courier, monospace;

  • .................

    <ul style="font-size:24px;">

    .................

    .................

    1. Liste à puces numéroté : font-size:30px;
    2. Liste à puces numéroté : margin-left: 30px;
    3. Liste à puces numéroté : margin-left: 30px;
    4. Liste à puces numéroté : margin-left: 30px;


     
    RETOUR VERS LE HAUT

    Balise DIV

    Balise DIV


     
    RETOUR VERS LE HAUT

    Balises DIV modifiées

    Balise DIV : margin-left:auto; margin-right:auto;

    Balise DIV, idem mais avec en plus : align="center"

    Balise DIV, idem mais avec en plus : align="center"

    Balise DIV, idem mais avec en plus : align="center"

    Balise DIV, idem mais avec en plus : align="center"

    Balise DIV, idem mais avec en plus : align="center"

    Balise DIV, idem mais avec en plus : align="center"


    Balise DIV, idem mais avec en plus : align="center"



     
    RETOUR VERS LE HAUT

    Balises DIV alignées et responsives

    0
    1
    2
    3
    0

     

    0
    1
    2
    3
    0


     

     

    Titre

    Sous-Titre

    Paragraphe

    Titre

    Sous-Titre

    Paragraphe

    Titre

    Sous-Titre

    Paragraphe

     




     

     

    Titre

    Sous-Titre

    Paragraphe

    Titre

    Sous-Titre

    Paragraphe

    Titre

    Sous-Titre

    Paragraphe

     




     

     

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

     

    1
    2
    3

     

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

    Titre

    Sous-Titre

    Paragraphe

    Description de l'image en quelques mots

     

     

     

     

     

     
    RETOUR VERS LE HAUT

    Images


    Description de l'image en quelques mots


    Description de l'image en quelques mots


     
    RETOUR VERS LE HAUT

    Rotation d'Images

     

     

     

     

     
    RETOUR VERS LE HAUT

    Vidéos 1


    LIEN

     

     
    RETOUR VERS LE HAUT

    Vidéos 2

    Bande ilio-tibiale (IT)

    2ème exercice

    RETOUR VERS LE HAUT