Meetup html

274 vues

Publié le

Initiation au HTML
Création de notre première page html et apprentissage des principales balises et bonnes pratiques.

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
274
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Meetup html

  1. 1. Créer son premier site avec HTML Formation par Ludovic Verrecchia, intervenant à 3wAcademy
  2. 2. Notre école Plus de 400 étudiants 11 salles dans le monde Plus de 2 ans d'existence
  3. 3. Nos cours
  4. 4. Notre méthode
  5. 5. Suivez-nous www.3wa.fr www.facebook.com/3WAcademy #3WAcademy 3w Academy
  6. 6. HTML HyperText Markup Language
  7. 7. 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>
  8. 8. 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.
  9. 9. 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>
  10. 10. 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
  11. 11. Structure de base <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Titre</title> </head> <body> <!-- votre contenu HTML --> </body> </html>
  12. 12. 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>

×