Vidéo: Adobe Dreamweaver CS6 : HTML5 2024
Lorsque vous créez une nouvelle page Web dans Dreamweaver Adobe Creative Suite 5 (Adobe CS5) de code est créé pour aider votre navigateur Web à reconnaître HTML et quelle version de HTML il utilise. Dreamweaver fonctionne en arrière-plan pour garantir que votre page fonctionne dans la plupart des versions récentes des navigateurs Web courants, tels que Firefox, Internet Explorer et Safari.
Le code HTML, bien que facile, est comme n'importe quel autre langage, en ce sens que vous devez comprendre la syntaxe (la séquence correcte et la formation du code) et le vocabulaire (mémoriser beaucoup de tags). Vous n'avez pas besoin d'avoir des bandes de ruban adhésif sur vos lunettes pour construire de bonnes pages Web, mais vous devez revoir les bases de HTML suivantes.
Si vous êtes un utilisateur expérimenté, vous savez qu'en copiant et collant du code, vous pouvez en apprendre beaucoup sur le code HTML. Si vous êtes un nouvel utilisateur, copier et coller du code peut vous aider à comprendre le code que d'autres ont implémenté sur leurs pages et peut-être vous donner quelques idées.
En général, les balises HTML sont composées de trois parties:
-
Balise: La partie principale des informations HTML, par exemple, pour fort ou gras, pour la balise de police, ou
pour un tableau HTML. Une balise est toujours construite avec un mot clé inclus dans un ensemble de parenthèses, telles que
ou
.
Comme la plupart des étiquettes sont en paires, vous devez entrer une étiquette d'ouverture (
) et une étiquette de fermeture (
). Dans XHTML 1. 0 Transitional (la norme utilisée pour toutes les nouvelles pages créées dans Dreamweaver), toutes les étiquettes doivent être fermées. Vous pouvez fermer une étiquette ou créer une étiquette à fermeture automatique en incluant la barre oblique avant la parenthèse fermante:Par exemple, si vous mettez du texte en gras en ajoutant la balise , indiquez au texte où arrêter l'application de caractères gras en insérant une balise de fermeture . Sinon, le texte continue à apparaître en gras dans le reste de la page.
Attribut: Vous permet d'affiner l'apparence d'une balise HTML spécifique. Un attribut est toujours ajouté à une balise d'ouverture et peut prendre différentes valeurs pour contrôler des attributs tels que la couleur, la taille et la destination du lien. Par exemple, align est un attribut de la balise
(paragraphe) qui spécifie comment le texte à l'intérieur du paragraphe doit être aligné.
Voici un exemple de balise de paragraphe (
) avec un attribut ajouté:
Texte centré
Valeur: La couleur, la taille et la destination du lien, par exemple, spécifiées dans un attribut. Par exemple, vous pouvez spécifier un nombre hexadécimal comme valeur pour un attribut de couleur. Un exemple de valeur pour l'attribut bgcolor de la balise (qui contrôle l'apparence globale de la page) peut être "red" ou "# CC0000".
L'imbrication est l'ordre dans lequel les tags apparaissent. Si une balise est appliquée, cela ressemble à ceci: Ce texte est en gras . Ajoutez un tag en italique et vous verrez Ce texte est en gras et en italique. . Remarquez le placement des étiquettes: vous travaillez de l'intérieur vers l'extérieur lorsque vous fermez les étiquettes.