cours de html:Images, ligne horizontale et fond de page

BIENVENUE SUR LE SITE DE LA TECHNOLOGIE.

Accueil Livre d'or Nous contacter forum

Ce site est destiné à tous les technologues, les étudiants scientifiques, les élèves scientifique et toute personne qui s'interesse de la nouvelle technologie.

Tous ce que j'ai essayé de faire, c’est de vous donner les cours nécessaires dans le domaine de la technologie : électronique, informatiques et télécommunication .

Tous mes cours sont gratuits alors il faut bien accepter et profiter cette offre si délicieuse.

Vous avez une question ? Posez la une question

Les réponses sont généralement disponibles en quelques minutes

les cours

électronique

analogique
numerique
de puissance

realisation des circuits électronique

informatique

programmation
microprocesseur
réseaux

télécommunications

téléinformatique
réseaux telecoms

système de télécommunication

Images, ligne horizontale et fond de page

1) Images
2)Ligne horizontale
3)Fond de page

Vous avez eu soif de savoir comment insérer une image dans une page html, tracer une ligne horizontale, mettre un fond de page (couleur ou image). Maintenant vous vous trouvez devant des boissons qui vont éliminer votre soif.

1) Images

Pour insérer une image dans une page html, on utilise la balise img pour montrer qu’on est entrain de travailler avec une image; et src pour indiquer l’emplacement de l’image.

Syntaxe <img src="nom_de l_image.extension "/>

Cette syntaxe, c’est le cas où mon image se trouve dans le même emplacement que le fichier html.
L’extension de l’image peut être soit jpeg , jpg, gif , png, bmp…
Le cas où par exemple l’image se trouve dans un dossier images qui se trouve dans le même emplacement que le fichier html, la syntaxe deviendra :

Syntaxe : <img src="images/nom_de l_image.extension "/>

Si vous remarquez, l’image apparaît avec la taille par défaut.
Eh bien on peut insérer l’image avec la taille qu’a besoin. À ce temps là, il suffit de déterminer la largeur et la hauteur en utilisant respectivement width et weight.

Syntaxe : <img style=" width:X; height:Y;" alt="texte" src="image.extension "/>

X: doit être un nombre réel suivie de px ou %.
Y : doit être un nombre réel suivie de px ou %.
Texte : c’est juste une petite description de l’image. Quand on déposera le curseur sur l’image, ce texte apparaîtra.

Exemple:

code Html:

Il est aussi possible de faire en tel sorte que l’image soit cliquable : c'est-à-dire l’utiliser comme un lien.

Syntaxe : <a href="emplacement_du_ficher"><img src="emplacement_de_l’image/nom_d_image.extension" alt="texte " title="texte_du_titre /></a>

Exemple :

code Html:

2)Ligne horizontale :

Pour insérer une ligne horizontale, la méthode est simple. Il suffit d’utiliser la balise hr et déterminer la longueur et l’épaisseur de la ligne.

Syntaxe : <hr style=" width: 100%; height:1px;"/>

Vous pouvez, si voulez, jouer avec le 100% et le 1px pour voir ce qui va se passer. Plus vous augmentez le 1px qui est l’épaisseur, vous risquerez d’avoir une planche au lieu d’une ligne.

3)Fond de page :

Comme vous le savez l’arrière plan d’une page html est toujours blanc. La couleur par défaut. Vous pouvez changer cet arrière plan en modifiant la couleur ou choisissant une image comme arrière plan.
La méthode est beaucoup plus simple. Il faut bien noter que maintenant nous allons travailler dans la balise body de notre page html. Pour déterminer le fond de page, nous sommes appelés à utiliser background.

Le cas où on choisit une couleur comme arrière plan.

Syntaxe : <body style="background-color: couleur;">

Exemple:

code Html:

Le cas où on choisit une couleur comme arrière plan.

Syntaxe : <body style="background-image:url (emplacement_de_l’image/nom_d_image.extension);">

Exemple:

code Html:

Dans cet exemple, l’image Nkourani.bmp se trouve dans le même dossier que mon fichier html.