HTML/CSS

html5_logo_512

I)Qu’est ce que l’HTML ?

l’HTML (pour HyperText Markup Language) est un langage de balisage servant a créer des pages web, c’est a dire des pages consultable via un navigateur comportant des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques(grâce a JavaScript entre autre).
Ainsi, tous les sites sur lesquels vous naviguez sont en HTML (qu’il soit écrit a la main ou généré a l’aide d’un langage de programmation).

Pour decrire des pages internet, le langage HTML possede plus de 91 éléments. En suivant la spécification de HTML 5, les fonctionnalités implémentées par HTML peuvent être réparties ainsi :

    • Structure générale d’un document HTML

Au plus haut niveau, un document HTML est séparé entre un en-tête et un corps. L’en-tête contient les informations sur le document, notamment son titre et éventuellement des métadonnées. Le corps contient ce qui est affiché.

    • Informations sur la langue

Il est possible d’indiquer la langue de n’importe quelle partie du document et de gérer le mélange de texte s’écrivant de gauche à droite avec du texte de droite à gauche.

    • Marquage sémantique

HTML permet de différencier des contenus spécifiques tels que les citations d’œuvres externes, les extraits de code informatique, les passages en emphase et les abréviations. Certains de ces éléments, conçus initialement pour permettre le support de documentations techniques, sont très rarement employés (différenciation entre les éléments de variable et d’exemple de valeur dans un code informatique, par exemple, ou encore instance d’un terme défini dans le contexte).

    • Listes

HTML différencie des listes non ordonnées et des listes ordonnées, selon que l’ordre formel du contenu dans le code est en soi ou non une information. Des listes de définition existent également, mais sans que leur champ d’application ne soit exactement déterminé.

    • Tables

Cette fonctionnalité a été développée pour permettre la présentation de données tabulaires mais a été immédiatement exploitée pour ses puissantes capacités de mise en page.

    • Hyperliens

La fonctionnalité première de HTML.

    • Inclusion d’images, d’applets et d’objets divers

À l’origine HTML permettait seulement de donner des hyperliens sur les médias externes. L’invention d’éléments spécialisés pour le multimédia a permis l’inclusion automatique d’image, de musique, de vidéo, etc. dans les pages web.

    • Éléments de regroupement

Ne conférant pas de signification au contenu qu’ils balisent, ces éléments génériques permettent d’appliquer des styles de présentation, de réaliser des traitements via des scripts ou tout autre opération nécessitant d’isoler une partie du contenu.

    • Style de la présentation

Chaque élément, voire tout le document, peut se voir appliquer des styles. Les styles sont définis dans le document ou proviennent de feuilles de style en cascade (CSS) externes.

    • Marquage de présentation du texte

Développé avant la généralisation de CSS pour fournir rapidement des fonctionnalités aux graphistes. D’usage désormais officiellement déconseillé pour la plus grande partie.

    • Cadres

Aussi connu sous le nom de frames, une fonctionnalité souvent décriée qui permet d’afficher plusieurs documents HTML dans une même fenêtre.

    • Formulaire pour l’insertion interactive de données

Les éléments de formulaire permettent aux visiteurs d’entrer du texte et des fichiers dans les pages Web.

    • Scripts

Permet d’associer des morceaux de programmes aux actions des utilisateurs sur le document. Les langages utilisés sont généralement JavaScript et VBScript.

II)Le CSS
01

Le langage CSS (pour Cascading Style Sheets, ou Feuille de Style en Cascade en français) est un langage
informatique complémentaire au HTML permettant de mettre en forme votre page web. Ce langage a vu le jour au milieu des années 1990 et s’est correctement adapté aux différents navigateurs au début des années 2000. Nous en sommes actuellement a la troisième version de CSS (CSS3). L’un des enjeux principaux du CSS est de gérer la mise en forme hors des documents. Ainsi, on décrit uniquement la structure de la page en HTML et on décrit toute la présentation dans une feuille CSS.

De ce fait, les avantages des feuilles de style sont multiples :

      
  • La structure du document et la présentation peuvent être gérées dans des fichiers séparés
  •   

  • La conception d’un document se fait dans un premier temps sans se soucier de la présentation, ce qui permet d’être plus efficace
  •   

  • Dans le cas d’un site web, la présentation est uniformisée : les documents (pages HTML) font référence aux mêmes feuilles de styles. Cette caractéristique permet de plus une remise en forme rapide de l’aspect visuel
  •   

  • Un même document peut donner le choix entre plusieurs feuilles de style, par exemple une pour l’impression et une pour la lecture à l’écran. Certains navigateurs web permettent au visiteur de choisir un style parmi plusieurs
  •   

  • Le code HTML est considérablement réduit en taille et en complexité, puisqu’il ne contient plus de balises ni d’attributs de présentation.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *