Comment puis-je placer le texte sur une image à l'aide HTML?

October 19

Comment puis-je placer le texte sur une image à l'aide HTML?


Vous pouvez positionner le contenu sur une image sur une page Web en créant une «infobulle», qui ne montre que lorsque l'utilisateur passe le curseur sur l'image. Ceci est un moyen efficace pour afficher des informations sur le graphique sans prendre tout l'espace de l'écran. Utilisation de HyperText Markup Language (HTML), vous pouvez placer le texte sur une image sur votre propre page Web pour rendre votre écran plus utile à vos visiteurs.

Instructions

1 Placez votre image numérique dans le même dossier où vous conservez vos autres documents du site (dans la page d'administration du système pour votre site web). Assurez-vous de faire une note de cet emplacement afin que vous pouvez le joindre votre page.

2 Ouvrez votre site Web fichier de page dans votre éditeur de texte et saisissez un "<img>" tag où vous voulez que votre image apparaisse. Suivez ce en tapant l'adresse du fichier de l'étape 1. Ceci est ce qu'il devrait ressembler à:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot;>

3 Tapez un descripteur "Titre" dans votre "<img>" élément. Cette entrée est le texte qui apparaît sur l'image lorsque le curseur survole l'image. Pour illustrer, voici comment votre entrée devrait ressembler à:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot; title =" Vue de l'océan Pacifique lors d'un coucher de soleil ">

4 Enregistrez votre document et utilisez votre navigateur Web pour ouvrir le fichier et afficher votre page.


          

Post a comment: