Comment insérer du texte dans une image avec HTML

Étape 1

Ouvrez votre éditeur HTML. Sélectionnez "Fichier" et "Nouveau" dans la barre de navigation du programme. Un document HTML vierge apparaîtra à l'écran.

Étape 2

Encoder une nouvelle table. Définissez les propriétés, la bordure, le Cellpacing et le cellpadding sur 0. Cela permettra aux cellules du tableau d'être alignées sur l'image.

Exemple:

Étape 3

Entrez un ensemble de données et des étiquettes pour les lignes de la table. Ajustez la hauteur et la largeur des données du tableau aux dimensions de votre image.

Exemple:

Étape 4

Ajoutez background = "ImageLink" dans le code de données de la table. Remplacez "imageLink" par l'URL de votre image et conservez les guillemets. Ceci définit l'image en tant qu'arrière-plan du tableau.

Exemple:

Étape 5

Choisissez un endroit pour que le texte apparaisse. Le texte sera affiché en bas, en haut ou au centre de l'image. Ajoutez valign = "bottom" au code de données de la table pour établir le positionnement. "Valign" se réfère à l'alignement vertical. Changer "bas" en "milieu" ou "haut", en fonction de votre emplacement prévu.

Exemple:

Étape 6

Écrivez le texte souhaité entre les balises d'ouverture et de fermeture des données du tableau.

Exemple:

Texte

Étape 7

Enregistrez le document HTML Prévisualisez la page dans le navigateur Web avant de la télécharger sur votre serveur.