Comment écrire un texte sur une image en html

concepteurs de sites Web utilisent généralement logiciel d'édition pour ajouter du texte aux images. Toutefois, les propriétaires de sites Web qui souhaitent ajouter du texte à leurs images peuvent ne pas avoir les fonds pour acheter des logiciels coûteux ou le temps d'apprendre les méthodes compliquées d'images modifiant. Un propriétaire de site Web peut éviter ces problèmes en utilisant HTML pour ajouter du texte aux images. Ceux qui apprennent le code HTML applicable peut ajouter du texte à des images sans avoir à acheter un logiciel ou passer du temps sur l'édition d'image complexe.


Sommaire

Instructions

  1. Téléchargez et ouvrez l'éditeur web gratuit NVU. Un éditeur HTML comme NVU permet à l'utilisateur d'entrer texte brut ou HTML. L'éditeur enregistre ensuite les pages comme une page HTML afin qu'ils afficher comme une page Web. Cliquez "Open," et de trouver une page HTML existante si l'utilisateur souhaite mettre l'image sur une page existante. Cliquez sur le "Nouveau" bouton en haut pour créer une nouvelle page pour l'image.

  2. Cliquer sur "Source" au fond pour voir le code source HTML de la page. Cherchez ouverture et de fermeture des balises du corps. Le "" tag est la balise body d'ouverture. Le "" tag est l'étiquette de corps de fermeture.

  3. Placez le code HTML suivant entre les balises du corps:






    texte ici

    Placer le code entre les balises du corps assure que les visiteurs vers une page web vont voir l'image en visitant la page sur Internet.

  4. Modifiez la largeur et la hauteur dans le code HTML de la même largeur et la hauteur de l'image. Remplacez le "l'image lien ici" texte avec le lien vers l'image. Par exemple, si l'image a un nom de fichier "dogpicture.jpg," qu'au lieu de saisir "Lien de l'image ici." Laissez les guillemets autour du nom de fichier. Ajouter du texte à une image dans le "texte ici" partie de l'HTML.

  5. Cliquez "Sauvegarder" pour enregistrer le fichier HTML. Utilisez le "Normal" onglet en bas pour voir comment l'image apparaît sur une page Web. Centrer le texte avec la barre d'espace. Appuyez sur la touche Entrée pour déplacer le curseur vers le bas à la ligne suivante. Tapez lignes supplémentaires de texte comme désiré.

  6. Utiliser FileZilla pour télécharger les fichiers. Télécharger le "FileZilla client" version et ouvrez le logiciel. Se connecter à l'hôte Web avec le nom de domaine, nom d'utilisateur et mot de passe.

  7. Double-cliquez sur un dossier du site Web dans la fenêtre de droite de FileZilla pour l'ouvrir. Trouver la fois le fichier HTML et l'image dans la fenêtre de gauche, et à droite; cliquez dessus et sélectionnez "Télécharger" de les télécharger. Assurez-vous que le fichier HTML et l'image sont dans le même répertoire (dossier). Sinon, l'image ne sera pas apparaître sur la page Web.




Conseils & Avertissements








  • Changer la taille des caractères et la couleur pour correspondre à la taille et la couleur de l'image. Un visiteur peut avoir des difficultés à lire le texte si la couleur du texte est trop semblable aux couleurs de l'image en arrière-plan.
  • Ne pas utiliser cette méthode lors de la création des avatars pour les autres sites. Ces sites permettent à l'utilisateur de télécharger une image, mais l'image ne seront pas avoir le texte à partir du fichier HTML.
» » » » Comment écrire un texte sur une image en html