Étape 3: Le code HTML
<! doctype html > < corps >
< html >
< tête >
< meta charset = « utf-8 » >
< titre > exemple de projet < /title >
< lien href="style.css" type = "text/css" rel = "stylesheet" / >
< / head >
< en-tête >
< div class = « menu » >
< ul >
< li >< a href = « # » > Accueil < /a >< /li >
< li >< a href = « # » > catégories < /a >
< ul >
< li >< a href = « # » > Photoshop < /a >< /li >
< li >< a href = « # » > Wordpress < /a >< /li >
< li >< a href = « # » > développement Web < /a >
< ul >
< li >< a href = « # » > HTML < /a >< /li >
< li >< a href = « # » > CSS < /a >< /li >
< /ul >
< /li >
< /ul >
< /li >
< li >< a href = « # » > à notre sujet < /a >
< ul >
< li >< a href = « # » > Notre Mission < /a >< /li >
< li >< a href = « # » > nos Clients < /a >< /li >
< li >< a href = « # » > contenu nous < /a >< /li >
< /ul >
< /li >
< li >< a href = « # » > Blog < /a >< /li >
< /ul >
< / div >
< / en-tête >
< / body >
< / html >
Comme vous pouvez voir nous créez cette page en HTML5 et ont déjà intégré le fichier style.css, notre principales CSS code feuille. Aussi, nous avons inclus déjà une classe personnalisée nommée menu principalement < div > à l’aide qui nous sera style notre menu de navigation. Bien que nous avons nommé le menu classe pour ce tutoriel, à toutes fins pratiques essayer d’être plus précis en nommant, car parfois un site Web contient beaucoup de différents types de menus comme le menu des en-têtes de menu pied de page, menu latéral, etc.. Avec nommage approprié il devient plus facile de coder le site et aide les autres à comprendre ce code. Pour l’instant car il n’y a aucune feuille de style actuelle, copiez le code suivant va créer seulement une liste à puces imbriquée ayant le style par défaut.