Développement d'Applications Web: Langages de Programmation PDF

Chat with Document Download Quiz & Flashcards

Document Details

CrediblePrehistoricArt

Uploaded by CrediblePrehistoricArt

Tags

web development HTML5 CSS programming

Related

Summary

Ce document est un cours sur le développement d'applications web. Il aborde les langages de programmation pour le web, notamment HTML5, et explique les éléments sémantiques et multimédia. Il fournit des exemples de code et des illustrations pour faciliter la compréhension.

Full Transcript

DÉVELOPPEMENT D’APPLICATIONS WEB L2-INFO 02 LANGAGES DE PROGRAMMATION POUR LE WEB 02 HTML5 HTML5 développé par le consortium W3C (World Wide Web) est la cinquième version de HTML. HTML5 est actuellement la pierre angulaire d’Internet. De...

DÉVELOPPEMENT D’APPLICATIONS WEB L2-INFO 02 LANGAGES DE PROGRAMMATION POUR LE WEB 02 HTML5 HTML5 développé par le consortium W3C (World Wide Web) est la cinquième version de HTML. HTML5 est actuellement la pierre angulaire d’Internet. De nombreux éléments des versions antérieures du langage HTML ont été supprimés ou modifiés tels que , , , , , ,... 3/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 De nouveaux autres éléments ont été ajoutés : 1.Éléments sémantiques : pour mieux architecturer le contenu d’une page. 2.Attributs de formulaires : pour bien typer les éléments d’un formulaire. 3.Éléments graphiques : pour définir des conteneurs graphiques. 4.Éléments multimedia : pour définir des flux audio ou video. 4/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Les éléments sémantiques Ces éléments vont pouvoir être utilisés à la place des div et span qui sont deux conteneurs génériques qui n’apportent aucun sens au contenu. représente l’en-tête ou le haut d’une page représente un menu de navigation dans une page représente le contenu principal de l’élément body représente le pied d’une page représente une partie de page qui se suffit à elle-même représente une section dans une page, c’est-à-dire un groupement thématique de contenu représente une partie de contenu non lié au reste 5/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Les éléments sémantiques 6/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Exemple 7/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Attributs de l’élément input Attribut Exemple color date datetime datetime-local email month 8/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Attributs de l’élément input Attribut Exemple number range search tel time url 9/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Les éléments graphiques 10/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB 02 HTML5 Les éléments multimédia 11/11 07/05/2021 DAWeb L2-S4-INFO- USTO-MB