Ajoutez une balise à l'aide du sélecteur de balises
Ensuite, vous utiliserez le sélecteur de balises pour entourer une balise div autour de l'une des images sur la page. Vous pouvez affecter à votre guise des marges, des bordures ou des couleurs à l'image. Cette opération peut s'effectuer de différentes manières: la leçon ci-dessous explique le fonctionnement du sélecteur de balises, qui vous permet d'insérer toutes sortes de balises et d'indiquer les valeurs d'attributs correspondantes.
Ouvrez le fichier index.html s'il ne l'est pas déjà.
Dans Mode création, cliquez sur la bannière Cafe Townsend (banner_graphic.jpg) pour la sélectionner.
Passez à mode Code en cliquant dessus dans la barre d'outils de document ou en sélectionnant Mode > mode Code.
Vous verrez que le code pour l'image sélectionnée est activée dans mode Code. Veillez à bien sélectionner toute la balise img, y compris les crochets.
Sélectionnez Affichage > Options d'affichage de code > Retour automatique à la ligne pour activer cette option, si elle ne l'est pas.
Cliquez sur le texte avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Contrôle enfoncée (Macintosh), puis choisissez Insérer la balise dans le menu contextuel.
Le Sélecteur de balises s'affiche.
Dans le sélecteur de balises, développez la catégorie Balises HTML, puis la sous-catégorie Formatage et mise en forme sélectionnez ensuite Général.
Une liste de noms de balise s'affiche dans le volet de droite ; dans cette liste, sélectionnez la balise div.
REMARQUE
Vous pouvez également sélectionner la catégorie Balises HTML, puis sélectionner directement la balise div dans le volet de droite sans développer la sous-catégorie Formatage et mise en forme.
Cliquez sur Insérer.
L'éditeur de balises s'ouvre pour la balise div.
Dans cet éditeur de balises, sélectionnez la catégorie Feuille de style/Accessibilité, puis saisissez bannière dans la zone de texte ID.
Cliquez sur OK pour fermer l'éditeur de balises et insérer la balise.
Dreamweaver insère la balise div dans votre page, de part et d'autre de la balise correspondant à l'image.
Cliquez sur Fermer pour fermer le sélecteur de balises.
