HTML au galop

Initiation/découverte

Cantine numérique, Quimper

Jeudi 18 Septembre 2014

Pol Guezennec

HTML c'est quoi?

HTML est un langage de description de pages web. Les documents HTML sont couramment appelés des pages web car ils sont destinés à être installés sur le web pour être consultables par tout le monde.

HTML nous permet de publier facilement. HTML permet aujourd'hui à chacun de publier ce qu'il veut. C'est assez nouveau.


HTML ça veut dire quoi?

HTML veut dire Hyper Text Markup Language, langage de balisage Hyper Texte

Et Hyper Text ça veut dire quoi?

Hyper texte signifie un texte capable de faire des liens cliquables vers d'autres textes, à l‘infini. Etymologie: du grec ancien ὑπέρ, hypér (« au-dessus, au-delà »). Un texte qui va au-delà de lui-même.

Un langage de balisage est un ensemble de balises à disposer. Ces balises décrivent le contenu du document. HTML contient donc:

  1. du texte ordinaire
  2. et autour, des balises HTML, qui sont aussi du texte, un peu spécial.

Ce langage est capable d‘afficher dans nos pages du texte, des liens, des images, des sons, des videos, des fenêtres avec autres chose, etc...

C‘est super mais il fait aussi autre chose en même temps qui ne se voit pas: décrire précisément nos contenus aux robots des moteurs de recherche, pour que ceux-ci les comprennent bien (et les référencent bien).

HTML est à la base de tout site web et TOUT le web est fait d‘HTML ( et de 2 autres langages complémentaires).

Faire joli n‘est absolument pas son travail, c'est celui de CSS (que nous aborderons la semaine prochaine).


Aujourd‘hui nous allons étudier:
  1. Comment un fichier texte devient une page web
  2. La structure de base pour faire un document HTML5 valide
  3. La lecture du document HTML par les navigateurs.
  4. Les principales balises: titres, paragraphes, images, liens.
  5. Comment créer des liens, comment intégrer des images
  6. La notion d‘url, chemin absolu ou relatif.
  7. Au galop, nous laissons de côté certains aspects pour avoir une vue d‘ensemble.
Commentaires

Pour apprendre voici toutes les RESSOURCES nécessaires installées sur le site du W3C pour être consultables par tout le monde, gratuitement et légalement.

Pour faire des documents HTML voici une petite BOÎTE À OUTILS utilisable par tout le monde, gratuitement et légalement.
Sur PC vous pouvez utiliser le Bloc-notes Windows ou Wordpad. Plus tard il sera plus agréable de travailler avec un texteur en couleur comme Notepad++. NE PAS travailler avec Open Office, Word, etc. Pour le débutant cela présenterait trop de difficultés annexes. Sur Mac TextEdit n‘est pas pratique pour commencer. Mieux vaut installer un texteur en couleur par exemple Smultron ou TextWrangler. Ces "texteurs" ne font surtout pas de mise en page.
Pour servir de support, une fable de La Fontaine

Pourquoi ne pas essayer avec un des premiers textes que nous ayons (probablement) appris: "Le corbeau et le renard" de La Fontaine: utf-8 | iso8859-1


Balises | Liens | Images

Mise en oeuvre pratique....


FAIRE JOLI.-

La semaine prochaine nous étudierons comment le langage CSS nous permet de donner à nos contenus des couleurs, des polices, des marges et toutes qualités visuelles.
Rendez-vous Jeudi prochain 25 Septembre 2014, même heure, même endroit.