01 - HTML: les bases
Architecture
- Un serveur envoit des informations aux clients
- Navigateur client interprète le HTML
World Wide Web Consortium - Leading the Web to its full potential
- fondé en 1994 par Timothy John Berners-Lee ( Tim Berners-Lee), anobli en 2004 par Queen Elisabeth
- organisme à but non lucratif dont le but est de normer et standardiser le Web.
- partenaires : Mozilla Fondation, Microsoft, Apple ou Opera, Inria, National Research Council Canada, etc.
Logiciels et liens
- Navigateur: client HTTP, chrome, code source, outils développeurs
- Éditeur de texte: Sublime Text
- Aide : Coloration syntaxique, Auto-complétion, gestion dossier, recherche ...
- Raccourcis standards CTRL+: (C)Copier, (X)Couper, (V)Coller, (S)Sauver, (O)Ouvrir, (W)Ferme, (F)Chercher
- Raccourcis spécifiques CTRL+: (P)Recherche fichier, (G)Goto, (])Indentation, (↑↓)Inverser line, (maj+/)Comments, (MAJ+P)
- Gestionnaire de package : Package Control
- Installation package: HTML5, Gotodoc, SideBarEnhancements, ColorPicker, PlainTasks,...
- MDN : https://developer.mozilla.org/fr/docs/Web/HTML/Element
- W3C : http://www.w3.org/TR/html-markup/elements.html
- getHtml : https://gethtml.at
HTML : Hypertext Markup Language exercice exercice exercice
- séparation des concepts: HTML = porteur de contenu = language de structuration sémantique
- doctype html5
<!DOCTYPE html>
- syntaxe:
<balise attribut1="valeur1" attribut2="valeur2" ...>contenu de la balise </balise>
balise, attribut, auto-fermante, indentation, encastrement, minuscule, apostrophe, block/inline - balises courantes:
- structure :
html, head, meta, title, link, script, body
- contenu :
h1, h{2-7}, p, strong, em, a, img, div, object, blockquote, ul, ol, li, dl, dd, dt, abbr, address, del, ins, iframe
- tableau :
table, caption, thead, tbody, tfoot, tr, th, td
- formulaire :
form, fieldset,legend, label, input (text, checkbox, radio, file, submit), select, option, textarea, button
- structure :
- Indentation et commentaires: améliore lisibilité et coopération,
<!-- -->
, tabulation