Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Netpathie apprendre-le-html-en-15-minutes
Ähnlich wie Netpathie apprendre-le-html-en-15-minutes (20)
Netpathie apprendre-le-html-en-15-minutes
- 1. Apprendre le HTML en 15 minutes support de formation Ce support ne se suffit pas à lui-même. Son objectif est de faire comprendre la logique du HTML, pas d'être exhaustif.
- 2. À quoi sert le HTML ? Les sites web sont composés de fichiers, stockés sur des serveurs (chez un hébergeur) Quand on va sur une page web : 1. Les fichiers correspondant à la page sont copiés sur l'ordinateur, 2. Le navigateur interprète les fichiers pour afficher le contenu de la page web. En lisant d'abord le fichier HTML qui lui indique ce qu'il doit afficher. Le HTML est donc un langage descriptif. et pas un langage de programmation qui permet d’exécuter des fonctions comme des calculs, des redirections... (d'autres langages complémentaires au HTML servent à ça)
- 3. Comment le navigateur interprète un fichier HTML ? Il le reconnaît grâce à son extension en .html Il va ensuite le lire de gauche à droite et de haut en bas. Dans l'ordre de lecture, il affiche ce que le code lui demande d'afficher. Si il y a des erreurs dans le code, le navigateur ne comprendra pas ce qu'il doit afficher. Cette opération est tellement rapide qu'on a souvent l'impression d'un affichage instantané de l'ensemble de la page.
- 4. Comment une page HTML est structurée ? On « parle » au navigateur avec des balises et ce qui est entre les balises. HTML Français <html> c'est le début du code HTML <head> c'est le début de l'en-tête <!-- c'est le début d'un commentaire, fait comme si rien n'était écrit. --> c'est la fin du commentaire </head> c'est la fin de l'en-tête <body> c'est le début du contenu </body> c'est la fin du contenu </html> c'est la fin du code HTML
- 5. Quelles balises pour le contenu ? Le propos d'une page est structuré en titres et paragraphes. Le texte peut être mis en gras, en italique... HTML Français <h1> </h1> début/fin du titre principal <h2> </h2> début/fin d'un titre secondaire <h3> </h3> début/fin d'un titre tertiaire <p> </p> début/fin d'un paragraphe <strong> </strong> début/fin d'une mise en gras <i> </i> début/fin d'une mise en italique <br /> retour à la ligne
- 6. Image, lien Cher navigateur, il va falloir que tu affiches l'image... ...qui se trouve là ! Un clic sur ce texte... ...amène là !
- 7. Accessibilité & Référencement ouvrir dans un nouvel onglet mes mots-clés... Les logiciel pour mal-voyants lisent le texte de la balise alternative. Être explicite + Structurer le contenu = Meilleur référencement + meilleure accessibilité mes mots-clés...
- 8. Pour en savoir + sur le HTML http://fr.html.net/tutorials/html/ un tutoriel parmi d'autres http://www.alsacreations.com/tutoriels/ programmation de niveau professionnel Le web ce n'est 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ées Crédits icônes : http://icons.mysitemyway.com