Back

Le HTML

  • « Le World Wide Web (WWW) tel qu’il a été imaginé par Tim Berners‐Lee, aux alentours de 1990, s’articule autour d’une architecture dite client‐serveur. Dans le cas d’une navigation classique, le client c’est nous ou plutôt notre navigateur. Le serveur (ou plus précisément le serveur web), c’est un programme qui répond aux requêtes du navigateur grâce au protocole HTTP (HyperText Transfer Protocol). »

    • Le HTML

  • « Initialement, le World Wide Web, communément appelé le web, était un moyen de partager des pages web (documents écrits en HTML). Le protocole HTTP (Hyper Text Transfer Protocol) a été conçu pour véhiculer ces documents. Depuis cette date, le web a beaucoup évolué et plusieurs phases se sont succédées avant d’obtenir les applications en ligne que l’on utilise aujourd’hui. »
  • Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts.
  • Le HTML 5 est un évolution logique du HTML 4.01 en le simplifiant sur certain point (comme le doctype) et en l’actualisant en fonction de son utilisation et de sa distribution.
  • Le HTML5 est la dernière révision majeure du HTML. Cette version a été finalisée le 28 octobre 2014.
  • HTML5 spécifie deux syntaxes d’un modèle abstrait défini en termes de DOM : HTML5 et XHTML5.
  • Dans le langage courant, HTML5 désigne souvent un ensemble de technologies Web (HTML5, CSS3 et JavaScript) permettant notamment le développement d’applications
  • Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts.
  • Le HTML 5 est un évolution logique du HTML 4.01




Test d'évaluation en HTML5

  1. Test d’évaluation en HTML5 sous forme de QCM

Les sites Web

  1. Les sites Web statiques

  2. Les sites vitrines

  3. Les sites catalogues

  4. Les sites Internet informatifs

Développement front-end

  1. Qu’est-ce que le développement front-end ?

Présentation du langage HTML

  1. Introduction

  2. Les principes de base

Syntaxe du langage HTML

  1. Notion, attributs d’une balise html

  2. Structure d’un document HTML

  3. Les catégories d’éléments HTML5

  4. Les éléments de base d’un document HTML5

  5. Les balises meta en HTML5

  6. Les commentaires

    7. QCM

    1. HTML QCM 012018

    Travaux pratiques

    1. HTML TP 012018

    2. HTML TP 122018 Initiation

    3. HTML: Exercices

Mise en forme de texte en HTML5

  1. Balises de texte

  2. Les styles physiques en HTML

  3. Les listes en HTML

    1. Les listes non-ordonnées (UL)

    2. Les listes ordonnées (OL)

    3. L’élément de menu

    4. Les listes de définitions

    5. Les listes imbriquées

    Travaux pratiques

    1. HTML TP 022018

Les balises sémantiques

  1. La charte graphique d’un site web

  2. Éléments sémantiques en HTML5

    3. Travaux pratiques

    1. HTML TP les balises sémantiques

Les images

    1. Travailler avec des images en HTML

    2. Les images cliquables

    3. Comment réaliser une images cliquable

    4. La balise figure

      5. Travaux pratiques

      1. Exercice image cliquable

Créer des tableaux

  1. La structure générale d’un tableau

  2. Utiliser les balises thead, tfoot, et tbody

  3. Utiliser les balises colgroup et col

    4. QCM

    1. QCM Les tableaux

    Travaux pratiques

    1. Série 01

    2. Série 02

Créer des formulaires

  1. La structure d’un formulaire

  2. Les éléments d’un formulaire HTML

  3. L’élément <form> d’un formulaire

  4. l’élément <input> d’un formulaire

  5. l’élément <select> d’un formulaire

  6. La balise <textarea>

  7. l’élément <fieldset> d’un formulaire

  8. Saisie de numéro de téléphone en HTML

    9. QCM

    1. HTML QCM les Formulaires

    Travaux pratiques

    1. TP les formulaires HTML

Exercices et TP

Séries d’exercices

  1. Série 1

  2. Série 2

Travaux dirigés

  1. TP1

Examens

  1. Examen en HTML et CSS

  2. Examen 2 en HTML et CSS

  3. Examen 3 en HTML , CSS et JS

  4. Examen 4 en HTML , CSS et JS

  5. Examen 5 en HTML , CSS et Bootstrap