Apprendre le HTML en 15 minutessupport de formationCe support ne se suffit pas à lui-même.Son objectif est de faire compre...
À quoi sert le HTML ?Les sites web sont composés defichiers, stockés sur des serveurs(chez un hébergeur)Quand on va sur un...
Comment le navigateur interprète un fichier HTML ?Il le reconnaît grâce à sonextension en .htmlIl va ensuite le lire de ga...
Comment une page HTML est structurée ?On « parle » au navigateuravec des balises et ce qui estentre les balises.HTML Franç...
Quelles balises pour le contenu ?Le propos dune page est structuréen titres et paragraphes.Le texte peut être mis en gras,...
Image, lienCher navigateur, ilva falloir que tu afficheslimage... ...qui se trouve là !Un clic sur ce texte......amène là !
Accessibilité & Référencementouvrir dans un nouvel onglet mes mots-clés...Les logiciel pour mal-voyants lisentle texte de ...
Pour en savoir + sur le HTMLhttp://fr.html.net/tutorials/html/un tutoriel parmi dautreshttp://www.alsacreations.com/tutori...
Prochain SlideShare
Chargement dans…5
×

Netpathie apprendre-le-html-en-15-minutes

174 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Netpathie apprendre-le-html-en-15-minutes

  1. 1. Apprendre le HTML en 15 minutessupport de formationCe support ne se suffit pas à lui-même.Son objectif est de faire comprendre la logique du HTML, pas dêtre exhaustif.
  2. 2. À quoi sert le HTML ?Les sites web sont composés defichiers, stockés sur des serveurs(chez un hébergeur)Quand on va sur une page web :1. Les fichiers correspondant à lapage sont copiés sur lordinateur,2. Le navigateur interprète les fichierspour afficher le contenu de la page web.En lisant dabord le fichier HTMLqui lui indique ce quil doit afficher.Le HTML est donc un langage descriptif. et pas un langage de programmationqui permet d’exécuter des fonctionscomme des calculs, des redirections...(dautres langages complémentaires auHTML servent à ça)
  3. 3. Comment le navigateur interprète un fichier HTML ?Il le reconnaît grâce à sonextension en .htmlIl va ensuite le lire de gaucheà droite et de haut en bas.Dans lordre de lecture, il affiche ceque le code lui demande dafficher.Si il y a des erreurs dans le code, le navigateur ne comprendra pas ce quil doit afficher.Cette opération est tellement rapide quona souvent limpression dun affichageinstantané de lensemble de la page.
  4. 4. Comment une page HTML est structurée ?On « parle » au navigateuravec des balises et ce qui estentre les balises.HTML Français<html> cest le début du code HTML<head> cest le début de len-tête<!-- cest le début dun commentaire,fait comme si rien nétait écrit.--> cest la fin du commentaire</head> cest la fin de len-tête<body> cest le début du contenu</body> cest la fin du contenu</html> cest la fin du code HTML
  5. 5. Quelles balises pour le contenu ?Le propos dune page est structuréen titres et paragraphes.Le texte peut être mis en gras, enitalique...HTML Français<h1> </h1> début/fin du titre principal<h2> </h2> début/fin dun titre secondaire<h3> </h3> début/fin dun titre tertiaire<p> </p> début/fin dun paragraphe<strong> </strong> début/fin dune mise en gras<i> </i> début/fin dune mise en italique<br /> retour à la ligne
  6. 6. Image, lienCher navigateur, ilva falloir que tu afficheslimage... ...qui se trouve là !Un clic sur ce texte......amène là !
  7. 7. Accessibilité & Référencementouvrir dans un nouvel onglet mes mots-clés...Les logiciel pour mal-voyants lisentle texte de la balise alternative.Être explicite + Structurer le contenu = Meilleur référencement + meilleure accessibilitémes mots-clés...
  8. 8. Pour en savoir + sur le HTMLhttp://fr.html.net/tutorials/html/un tutoriel parmi dautreshttp://www.alsacreations.com/tutoriels/programmation de niveau professionnelLe web ce nest pas seulement du HTML :● CSS pour mettre en page et styliser● JavaScript pour exécuter des fonctions coté client● PHP pour exécuter des fonctions coté serveur● MySQL pour utiliser les bases de donnéesCrédits icônes : http://icons.mysitemyway.com

×