UTILISER UN ORDINATEUR
NAVIGUER
RECHERCHER
COMMUNIQUER

ALLER PLUS LOIN
INSTALLER INTERNET
SOUS LE CAPOT
1.Histoire et futur
2.Architecture du réseau
3.HTML et Javascript
4.Les cookies
5.Utiliser une webcam

3. INTRODUCTION AU HTML ET PRÉSENTATION DE JAVASCRIPT
 Contextualisation
 Cheminement
 Le HTML
 Le Javascript
 Exercice
 Evaluation

LE HTML

Le navigateur reçoit des informations en langage HTML, principalement, et en Java Script, suivant le contenu de la page. Voici un aperçu avant et après lecture sur le navigateur du site www.afpa.fr :

Voici un extrait de la page en HTML

Et le résultat avec Internet Explorer

Le HTML sert à agrémenter les textes (en y ajoutant des styles, des tailles ou des polices et couleurs différentes) et à mettre en valeur les sites grâce à l'insertion d'images, de liens… Le HTML est davantage un langage de mise en forme des pages web (pour les textes ou les images) qu'un langage de programmation.

Une page écrite en HTML se compose de deux types d'éléments différents :

-  Le contenu, c'est à dire les textes et le cas échéant des images.
-  Des indications de mise en forme symbolisées par des balises (tags en anglais).

Les balises sont constituées de mots-clés entourées par les symboles < >. Elles permettront donc d'enclencher des actions comme souligné, gras, centré…

Ainsi, il existe deux sortes de balises :
-  des balises de mise en forme. Elles fonctionnent par paire, une balise d'ouverture < >, puis une balise de fermeture après le texte à mettre en forme </ >.

    Exemple : Pour faire apparaître une partie de texte en italique dans une phrase, le codage sera celui-ci :

    Voici ma <i>première phrase</i> en HTML
    Et le résultat dans un navigateur :
    Voici ma première phrase en HTML


-  des balises d'insertion. Elles permettent d'insérer dans votre page de texte des objets (images, sons, vidéos…). Ce type de balise nécessite des attributs, des renseignements complémentaires pour cette balise.
    Exemple : Pour faire apparaître une image sur une page, il faut utiliser la balise <img> à laquelle il faut rajouter l'attribut src pour permettre la localisation de fichier image.

    <img src="fleur.jpg">

    Ce qui appellera le fichier image fleur.jpg afin qu'il s'ouvre à l'emplacement défini dans le navigateur.

Voici donc un aperçu de la syntaxe du HTML. Le tout maintenant est de connaître les noms des balises et leurs fonctions, certains sites Internet proposent des dictionnaires complets. En voici un exemple :

-  www.guidewebmaster.net/ressources/html/balises/

Pour fabriquer une page web à partir du code source (HTML), pas besoin d'investir dans un logiciel précis, un simple éditeur de texte suffit : comme le Bloc-Notes de Windows, inclus dans toutes les versions de windows. Une fois les lignes rédigées, il suffit de demander à enregistrer le fichier au format HTML (monfichier.html)
Il existe aussi des logiciels appelés éditeurs HTML, qui vous proposent de composer simplement votre page web et qui crée le code source automatiquement. Ces logiciels sont très pratiques car ils permettent de créer des pages simplement sans grande connaissance du langage HTML. Toutefois, il est quand même utile de le connaître pour retrouver rapidement et facilement des erreurs de transcriptions…
Voici une petite liste d'éditeurs HTML :

-  download.visicommedia.com/fr/
-  Microsoft FrontPage (inclus dans le pack office pro, pas de version d'essai)
-  www.macromedia.fr

D'autres sont disponibles sur Internet… Enfin, les dernières versions des logiciels bureautiques (Word, Powerpoint…) permettent de coder en HTML vos fichiers et différentes présentations.