Meetup html

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>  </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>

Internet

Meetup html