Créer son premier site avecHTML
Formation par Ludovic Verrecchia, intervenant à 3wAcademy
Notre école
Plus de 400 étudiants
11 salles dans le monde
Plus de 2 ans d'existence
Nos cours
Notre méthode
Suivez-nous
www.3wa.fr
www.facebook.com/3WAcademy
#3WAcademy
3w Academy
HTML
HyperText Markup Language
Les balises - syntaxe
- HTML est un langage de balises- Chaque balise a un nom et est entourée de < et >- Il faut une balise ouvrante et fermante
<balise> Mon contenu</balise>
<p> Mon premier paragraphe</p>
Les balises - attributs
- Un attribut est un complément d’information
- On ajoute le nom de l’attribut et sa valeur entourée de double quote. Ex : <html lang="fr">
- Toutes les balises peuvent avoir des attributs. Mais une seule fois le même attribut.
Sémantique
Chaque balise a un sens/rôle unique.
Les titre : <h1>, <h2>, <h3>....<h6>Le texte : <p>Mettre en avant : <strong>Les liens : <a>
Du son : <audio>Des vidéos : <video>Une image : <img>autres : <div>, <span>
Il est possible d'imbriquer des balises<p> Mon texte ayant un <a href="http://monsite.ca"> lien </a> vers mon site super cool</p>
Cas pratique
- Créer un nouveau fichier “page.html”
- A l’aide d’un éditeur, ouvrir le contenu du fichier
- Écrire votre premier paragraphe HTML
- Vérifier l’affichage dans votre navigateur
Structure de base
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Titre</title> </head> <body> <!-- votre contenu HTML --> </body></html>
Lien de page en page
- La balise <a> permet de faire un lien vers une autre page. Pour cela, il faut remplir l’attribut href, en lui donnant le nom de la page à atteindre.
<a href="page2.html"> page2 </a>
Top Related