Bases de données et Interfaces Web. Langage HTML.

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Bases de données et Interfaces Web. Langage HTML."

Transcription

1 Bases de données et Interfaces Web Langage HTML

2 Introduction 1/5 HTML : HyperText Markup Language Moyen de navigation dans un ensemble d informations Langage à balises Langage de présentation d un documen HTML = implémentation simple du SGML (Standard Generalized Markup Language): Métalangage standardisé permettant de représenter la structure logique d'un document à travers un balisage logique généralisé Le langage HTML 2

3 Introduction 2/5 Elaboré par le W3C (World Wide Web Consortium) Pas considéré comme un langage de programmation, mais un moyen de formater des documents en vue d échanger des infos au travers du net (HTTP) Langage indépendant de la machine, du système d exploitation, et du navigateur (ou presque!) Fichier texte comprenant les informations à échanger et un ensemble de balises pour leur présentation Le langage HTML 3

4 Introduction 3/5 Les versions du langage HTML : HTML 1.0 (1993: le tout premier => titre doc, liens, titres, texte brute. Pas de spécification W3C) HTML 2.0 (1995: premières specifications W3C) HTML 3.0 (Spécifications non finalisées) HTML 3.2 (1997: ajout des tables et éléments de présentation: style de texte, clignotement, centrage,...) HTML 4.0 (1997 => Ajout des styles, cadres et objets) HTML 4.01 (1999 => corrections mineures du 4.0) XHTML 1.0 (2000 => abandon du SGML pour le XML) XHTML 1.1 (2001 => modularité des fonctionnalités) XHTML 2.0 => le futur? Le langage HTML 4

5 Introduction 4/5 Jeu de caractères codé en ASCII standard 7 bits Codage de 128 caractères (majuscule/minuscule, chiffres, certains signes de ponctuation) Interopérabilité possible entre systèmes basés sur des codages différents pas de caractères accentués pas de caractères spéciaux Utilisation de codes spécifiques dans les sources HTML Pas de problème avec la plupart des navigateurs qui acceptent le codage des caractères au delà des 7 bits, mais Le langage HTML 5

6 Introduction 5/5 Les éditeurs : WYSIWYG: c est bien! mais il faut tout de même passer à un moment donné dans la cours des grands! Les mains à moitié dans le cambouis : 1rst page 2000 NVU Pour les brutes : N importe quel éditeur de texte! Le langage HTML 6

7 Langage à balises 1/2 <balise> => instruction HTML interprétée par le navigateur <balise> = <nom_élément [attribut=«valeur», ]> nom_élément => ce que doit faire le navigateur attribut="valeur" => comment il doit le faire Attributs communs vs Attributs spécifiques BlaBla <balise_debut> BlaBla affecté par la balise </balise_fin> suite BlaBla Différentes catégories de balises: méta-informations mise en forme du document liens insertion (multimédia: images, son ou vidéo, objets) Le langage HTML 7

8 Langage à balises 2/2 Différents niveaux de balises: Balises en ligne (inline element): balise contenant du texte ou d'autres balises en ligne Particularités => jamais de retour à la ligne en présence d'une balise en ligne <B>, <I>, <A>, <INPUT>, <SPAN>... Balises en bloc (block-level element): balise contenant des balises en lignes ou d'autres balises en bloc Particularités => toujours un retour à la ligne en présence d'une balise en block <Hx>, <P>, <TABLE>, <DIV>,...

9 Squelette <DOCTYPE...> <HTML> <HEAD> </HEAD> <BODY> Notre document </BODY> </HTML> Quatre parties principales : <DOCTYPE...> <HTML></HTML> => Délimitation document HTML <HEAD></HEAD> => Entête=méta-infos propres à la page, utiles par ex. pour l indexation (ex: titre) <BODY></BODY> => Corps = infos affichées sur la page Non sensible à la casse pour le nom des balises Structure recommandée et à respecter même si pas obligatoire! Le langage HTML 9

10 DOCTYPE Définition du type de document ie standard pris en compte et respecté dans la page Utile pour les navigateurs! Exemples pour la version HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/tr/html4/frameset.dtd"> Exemples pour la version XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd"> Le langage HTML 10

11 En-tête <head></head> 1/2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <HTML LANGUE="FR"> <HEAD> <TITLE>Titre Pertinent: exemple d en-tête</title> <META NAME ="Description" CONTENT ="Contenu de la page"> <META NAME ="Keywords" CONTENT ="Liste des mots clés"> <META HTTP-EQUIV="Content-Type" content="text/html; charset=iso "> < META HTTP-EQUIV ="Content-Language" content="fr"> <META HTTP-EQUIV="Refresh" CONTENT= " 5; URL=redirec.htm"> <!-- Commentaire: la liste ci-dessus n est pas exhaustive!!!! --> </HEAD> <BODY> Attention: Cette page va etre redirigee dans 3 secondes!!!!! </BODY> </HTML> Le langage HTML 11

12 En-tête <head></head> 2/2 Contient les informations indispensables pour une bonne indexation d une page par un moteur (description) <META NAME > => permet d associer une valeur à un mot clé <META HTTP-EQUIV > => requiert une réponse du serveur vers le browser (redirection!) Insertion d appels à d autres langages ou fonctionnalités: javascript, VBScript, feuilles de styles (CSS), Le langage HTML 12

13 Body <HTML> <HEAD> <TITLE>Exemple de body</title> </HEAD> <BODY bgcolor="pink" text="blue"> Attention: les espaces tabulations et retour chariot sont systématiquement ignorés </BODY> </HTML> Attributs possibles pour la balise <BODY> (spécif: HTML3.2): Couleur ou image de fond Couleur du texte Couleur des liens Le langage HTML 13

14 Formatage de texte 1/2 Six niveaux de titres: <Hx align=«center»>mon Titre </Hx> Marque de paragraphes <P> </P> Saut de ligne: <BR>, trait horizontal : <HR> Formatage de caractères: <B>mise en gras</b> <I>mise en italique</i> <U>souslignage</U> Spécification de la fonte <font> </font> associée aux attributs: size, color, face, Caractères accentués et spéciaux: utilisation d un & ; Le langage HTML 14

15 Formatage de texte 2/2 Quelques exemples de caractères accentués ou spéciaux! &[Xx]acute; &[Xx]circ; &[Xx]grave; &[Xx]auml; ± 20 ½ Accent aigu Accent circonflèxe Accent grave Accent tréma ± 20 ½ Le langage HTML 15

16 Containers Containers = balise permettant de regrouper plusieurs autres balises sans effet visuel particulier Très utiles pour l'application de styles (CSS) <DIV>...</DIV>: Container bloc (balise en bloc) Attribut: ALIGN <SPAN>...</SPAN>: Container en ligne (balise en ligne) Attribut: ALIGN Le langage HTML 16

17 Listes Liste à puce (Unordered List): <UL type="type de puces"> </UL> <LI> entrée</li> pour chaque entrée de la liste (LIst Entry) Liste numérotée (Ordered List): <OL type="type de puces" start="numéro"> </OL> <LI> entrée </LI> pour chaque entrée de la liste Liste hiérarchisée (Definition List): <DL> </DL> <DT> entrée </DT> pour chaque entrée de la liste <DD> blabla </DD> descriptif pour l entrée correspondante

18 Tableaux 1/2 <TABLE> </TABLE> Objectifs des tableaux sous HTML: Structurer des infos en ligne et colonne Structurer des éléments dans une page (images, texte, objects, ) Tableau constitué de lignes: <TR> </TR> pour chaque nouvelle ligne du tableau Ligne constituée de cellules <TD> </TD> pour chaque cellule d une ligne Titre d un ensemble de cellules <TH> </TH> Le langage HTML 18

19 Tableaux 2/2 <HTML> <HEAD> <TITLE>Exemple de tableau</title> </HEAD> <BODY> <BODY bgcolor="blue" text="magenta"> <H3>Exemple de tableau</h3> <TABLE BORDER="1"> <TR><TH>col 1</TH><TH>col 2</TH><TH>col 3</TH></TR> <TR><TD>1*1</TD><TD>2*1</TD><TD>3*1</TD></TR> <TR><TD>1*2</TD><TD>2*2</TD><TD>3*2</TD></TR> </TABLE> </BODY> </HTML> Exemple d attributs! Attributs: WIDTH HEIGTH ALIGN BORDER FRAME BGCOLOR COLSPAN ROWSPAN Autres : <CAPTION> Le langage HTML 19

20 Frames 1/2 Fractionnement d une page de manière à afficher plusieurs documents HTML <FRAMESET> </FRAMESET> Attribut COLS="taille en pixels ou %" Attribut ROWS="taille en pixels ou %" <FRAME> : définit un nouveau cadre Attribut SRC="page.htm" Attribut NAME= " Nom de la frame" <NOFRAME></NOFRAME> : définit une zone sans frame au cas où le navigateur n accepterait pas l utilisation des frames! <BODY> n apparaît que dans la partie <NOFRAME> dès l utilisation de <FRAMESET> Le langage HTML 20

21 Frames 2/2 <HTML> <HEAD> <TITLE>Exemple de Frame</TITLE> </HEAD> <FRAMESET COLS="60%,40%"> <FRAMESET ROWS="33%,33%,33%"> <FRAME src="liste.htm" name="liste"> <FRAME src="table.htm" name="table"> <FRAME src="table2.htm" name="table2"> </FRAMESET> <FRAME src="body.htm" name="body"> </FRAMESET> <NOFRAME> <BODY> page sans frame </BODY> </NOFRAME> </HTML> Attributs: NORESIZE SCROLLING FRAMEBORDER BORDER Autres : <IFRAME>: propre à Internet Explorer Le langage HTML 21

22 Images <IMG SRC="chemin absolu ou relatif de l image"> 3 formats supportés: JPEG, GIF, PNG Attention au temps de chargement des images (taille)! Affichage par le navigateur de l image dans la dimension d origine =>sinon utilisation de : Attribut WIDTH="Valeur" en pixels Attribut HEIGHT="Valeur" en pixels Autres attributs: ALT, ALIGN, BORDER, HSPACE, VSPACE, Le langage HTML 22

23 Liens 1/3 Fondement de l Hyper-texte Fournissent la possibilité de naviguer de pages en pages, d infos en infos Différents liens: Liens internes : chemin absolu ou relatif des fichiers sur le serveur Liens externes : lien vers un site http (http:// ), vers un serveur ftp, news ou pour un (mailto ) Doivent impérativement être: toujours valides pour ne pas «polluer»! : Explicites pour ne pas perdre l internaute! Le langage HTML 23

24 Liens 2/3 <A>voici un lien vers </A> => voici un lien vers... Attribut HREF="Adresse/chemin du lien" Attribut TARGET="Localisation de l ouverture du lien" : Valeurs "_blank": nouvelle fenêtre, " _parent": cadre parent, "nom_frame": frame existante, Le langage HTML 24

25 Liens 3/3 Possibilité de naviguer au sein d une même page ou vers une partie spécifique d une autre page <A NAME="Top" >Top</A> => Déclaration d une ancre <A HREF= "#Top">lien vers Top</A> => lien vers l ancre Top déclarée <A HREF= "NomdePage#Top">lien vers Top</A> => lien vers l ancre Top déclarée sur la page NomdePage Le langage HTML 25

26 Formulaires 1/3 Objectifs: transmettre des informations fournies par l utilisateur vers le serveur => interactivité Formulaires associés à des objets de saisie ou de sélection Infos traitées au niveau du serveur par des scripts (langage PHP par exemple) <FORM> </FORM> Attribut NAME= "Nom du formulaire" Attribut TARGET= "Nom du cadre" Attribut METHOD= "Type de transmission des infos" Attribut ACTION= "Adresse cible dès soumission" Le langage HTML 26

27 Formulaires 2/3 METHOD="GET" les infos sont transmises au travers de l URL vers une variable d environnement QUERY_STRING Infos transmises => r2 Restreint à 256 caractères maximum Infos visibles directement dans l URL du navigateur : Pratique pour le «bookmark» si on veut accéder directement à une info particulière sans la resaisir Dangereux si les infos sont sensibles! Le langage HTML 27

28 Formulaires 3/3 METHOD="POST" les infos sont transmises directement dans un datagramme du protocole HTTP Pas de restriction au niveau de la quantité d infos à transmettre Infos non visibles au travers du navigateur! Recommandée dans la majorité des cas, notamment dans le transfert de fichiers Le langage HTML 28

29 Champs de saisie Liés obligatoirement à un formulaire <INPUT> => un champ d entrée L attribut TYPE spécifie le type du champ d entrée à utiliser dans la page: Button Bouton poussoir (pas action) Text Champ de saisie Submit Bouton de soumission Password Champ de saisie password Image Bouton image Hidden Champ caché File Bouton de sélection fichier Checkbox Cases à cocher Reset Bouton de réinitialisation Radio Cases radio Le langage HTML 29

30 Boutons Liés obligatoirement à un formulaire <BUTTON></BUTTON> => Création bouton L attribut TYPE spécifie le type de bouton à utiliser dans la page: Button Submit Reset Bouton de lancement d un script spécifié dans l attribut NAME Bouton de soumission Bouton de réinitialisation INPUT (type button) vs BUTTON: enrichissement graphique (image cliquable par ex.) Le langage HTML 30

31 Listes de choix 1/3 Liées obligatoirement à un formulaire Listes déroulantes ou simples <SELECT></SELECT> Attribut NAME= "Nom du champ" Attribut SIZE= "V" si V=1 => liste déroulante, si V>1 => liste simple avec V items visibles Attribut MULTIPLE => liste à choix multiples Attribut VALUE= "Nom d 1 item dans la liste" => item sélectionné par défaut Attention!!!! La sélection dans une liste n implique en rien la soumission des informations => utilisation par exemple d un bouton submit Le langage HTML 31

32 Listes de choix 2/3 <OPTION>Nom de l item</option> => nouvel item d une liste Attribut SELECTED => item sélectionné par défaut Attribut VALUE= "Valeur renvoyée lors de la sélection" Le langage HTML 32

33 Listes de choix 3/3 <HTML> <HEAD> <TITLE>Exemple de liste de choix</title> </HEAD> <BODY> <FORM action="file:///c:/corinne/iup/cours/progweb/select.htm" method="get"> <select name="listederoul" value="item1" size="1"> <option value="item1"> 1er item</option> <option value="item2"> 2ième item</option> <option value="item3"> 3ième item</option> <option value="item4"> 4ième item</option> </select> <input type="submit" value="envoyer la sélection'' > </FORM> </BODY> </HTML> Le langage HTML 33

34 Mise en forme des pages HTML 1/2 Par défaut: Affichage séquentielle des informations/éléments (texte, image, liens,...) Pas de positionnement possible des éléments Solutions: Les <table> => les cellules permettent de positionner les éléments à afficher Les <frame> => division de la page par les frames Les containers <div> et <span> associés à des attributs de styles Le langage HTML 34

35 Mise en forme des pages HTML 2/2 <table> <frame> <div> Le langage HTML 35

36 XHTML! Norme rapprochant HTML du langage XML permet l édition de sources HTML par des éditeurs XML Des contraintes : Spécification d un DOCTYPE particulier Toutes les balises doivent être fermées. Si pas de balise de fermeture prévue => <BAL/> Ordre d imbrication des balises à respecter : <B><I> texte </B></I> interdit! Elément et attribut doivent être écrits en minuscule (XML sensible à la casse) Minimisation de l attribut interdite : checked => checked="checked'' Le langage HTML 36

37 Conclusion Langage HTML plus que largement utilisé! Standard => portable malgré certains détournements des éditeurs de navigateurs! Evolution rapide mais a atteint ses limites si utilisé tout seul! Utilisation du DHTML! Pas un standard, mais juste l association du langage HTML avec d autres langages (scripts divers, CSS, ) pour le rendre plus dynamique!!! Le langage HTML 37

Conception Internet HTML Statique Licence 1ère Année

Conception Internet HTML Statique Licence 1ère Année Conception Internet HTML Statique Licence 1ère Année Fabrice Lefèvre 2005-2006 Listes Liste à puce : @ entrées entrée pour chaque entrée de la liste Liste

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

- WEB / HTML - Annexe 1 : Définition des balises HTML

- WEB / HTML - Annexe 1 : Définition des balises HTML Balises d encadrement - WEB / HTML - Annexe 1 : Définition des balises HTML Encadre le code source. Encadre la zone d entête de la page Web dans laquelle

Plus en détail

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

Programmation PHP Septembre 2010

Programmation PHP Septembre 2010 IFT1147 Programmation Serveur Web avec PHP Un bref survol de HTML et CSS HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Développement d Applications Web

Développement d Applications Web Développement d Applications Web HTML : HyperText Markup Language Mehdi BENZINE benzinemehdi@gmailcom Département d Informatique Faculté des Sciences Université FERHAT ABBAS Sétif I 2015/2016 M BENZINE

Plus en détail

Guide Utilisation HTML et Microsoft FrontPage

Guide Utilisation HTML et Microsoft FrontPage Guide Utilisation HTML et Microsoft FrontPage 4 4me Année Sciences Informatique Année scolaire : 2016-2017 I. Introduction au langage HTML HTML est un langage de description. Il permet d'enrichir un texte

Plus en détail

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

Plus en détail

Conception de Sites Web dynamiques HTML HTML XHTML 23/09/2008. Conception de Site Webs Interactifs. Cours 3. Patrick Reuter

Conception de Sites Web dynamiques HTML HTML XHTML 23/09/2008. Conception de Site Webs Interactifs. Cours 3. Patrick Reuter Conception de Site Webs Interactifs Conception de Sites Web dynamiques Cours 3 Patrick Reuter Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Cours de XHTML. chaîne de caractères

Cours de XHTML. <balise attribut=valeur attribut2=valeur2 >chaîne de caractères</balise> Cours de XHTML Introduction XHTML n'est pas un langage de programmation proprement dit, il s'agit simplement d'un langage de balisage dont le rôle est de formaliser l'écriture d'un document web avec des

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

Plus en détail

Mémento. Balises de premier niveau

Mémento. Balises de premier niveau Mémento s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une page web. principale

Plus en détail

Les bases du HTML5/CSS3

Les bases du HTML5/CSS3 1 Les bases du HTML5/CSS3 Ce premier chapitre rappelle tout ce qu il est bon de connaître lorsqu on se lance dans le développement HTML5/CSS3, depuis la déclaration de type de document jusqu au regroupement

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Introduction au Web. Andrea G. B. Tettamanzi. Université de Nice Sophia Antipolis Département Informatique

Introduction au Web. Andrea G. B. Tettamanzi. Université de Nice Sophia Antipolis Département Informatique Introduction au Web Andrea G. B. Tettamanzi Université de Nice Sophia Antipolis Département Informatique andrea.tettamanzi@unice.fr Andrea G. B. Tettamanzi, 2013 1 CM - Séance 2 HTML Andrea G. B. Tettamanzi,

Plus en détail

Introduction à HTML: HyperText Markup Language

Introduction à HTML: HyperText Markup Language CREATION WEB HTML ET CSS Introduction à HTML: Le HTML, HyperText Markup Language, est un langage de balisage qui définit la structure logique d un document WWW diffusé sur le Web. La mise en forme de la

Plus en détail

Chapitre 7. extended HyperText Markup Language (XHTML)

Chapitre 7. extended HyperText Markup Language (XHTML) Chapitre 7 extended HyperText Markup Language (XHTML) Objectifs Le Web statique : Du HTML au XHTML Apprendre à manipuler les éléments XHTML Attention : projet évalué plutôt sur la «qualité» du code XHTML

Plus en détail

Introduction aux technologies WEB. Pr. Hajar IGUER

Introduction aux technologies WEB. Pr. Hajar IGUER Introduction aux technologies WEB Pr. Hajar IGUER hajar.iguer@uic.ac.ma LES BALISES Les attributs Les balises HTML peuvent avoir des attributs. Chaque balise accepte uniquement les attributs qui la concerne.

Plus en détail

Web Statique Base de la création de sites web

Web Statique Base de la création de sites web Web Statique Base de la création de sites web Lilian BAZILLE Version 1.0 Février 2015 Table des matières WEB 01 Introduction... 2 1 - Outils du développeur... 2 1.1 - Environnement de travail... 2 1.2

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné Le (X)HTML 5 LPCEL promotion 2016/2017 Vincent Peigné Sommaire 1. HTML 5 2. L entête HTML 3. Le corps ou 4. L encodage et les accents 1. HTML 5 1. HTML 5 1.1. Définition et historique 1.2. Définition

Plus en détail

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd> IUT Nice Côte d Azur Prog. Web Département informatique 2007-2008 TP1 HTML ET XHTML 1. Le document xhtml minimal Le langage xhtml est la dernière évolution du html. C est une version plus stricte du html,

Plus en détail

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Le langage HTML Sommaire 1. Définitions...1 2. Remarque liminaire : l organisation du site...2 3. La page...3 4. L entête...3 5. Le corps de la page...3 a. Le texte...3 i. Titres et paragraphes...3 ii.

Plus en détail

Les CSS! Additif au HTML" Les Formulaires" L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1!

Les CSS! Additif au HTML Les Formulaires L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1! Les CSS! Avant d introduire quelques fonctionnalités du langage Javascript, nous allons compléter le langage Html avec la possibilité d afficher des objets pré-dessiné à savoir:! LES FORMULAIRES! Additif

Plus en détail

Balises de formulaire

Balises de formulaire Les formulaires XHTML permettent de recueillir les informations saisies par un utilisateur, puis de les transmettre à un programme serveur. Nous verrons : - la structure d un formulaire - les éléments

Plus en détail

protocole utilisé (autre exemple ftp)! nom du serveur!

protocole utilisé (autre exemple ftp)!  nom du serveur! Le Langage HTML! Finalité:! Définir un langage permettant d élaborer des sites Web, c est à dire un ensemble de pages web (ou pages Html) organisées (de façon logique) sous forme de graphe.! La transition

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

Université d Angers

Université d Angers pascal.nicolas@univ-angers.fr 1 préambule cette présentation, basée sur la norme HTML3.2, n a pas vocation à être exhaustive la notation X Y signifie que l on peut mettre l élément X ou l élément Y dans

Plus en détail

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS HTML PUBLIC ET PRE REQUIS Public : Informaticiens Concepteurs Chefs de Projet Utilisateurs Pré-requis : Connaissance générale de l'environnement Web OBJECTIFS PROGRAMME La formation Python va vous apprendre

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

GTI525 Technologies de développement Internet

GTI525 Technologies de développement Internet GTI525 Technologies de développement Internet Langage de balisage hypertexte (HTML) GTI525, Été 2013 HTML de base Contenu Basé sur tutoriel http://www.w3schools.com/html/default.asp Bonnes pratiques GTI525,

Plus en détail

Ecrire des pages web = pages XHTML = le contenu et sa structure. feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain)

Ecrire des pages web = pages XHTML = le contenu et sa structure. feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain) introduction Ecrire des pages web = pages XHTML = le contenu et sa structure (ce cours) feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain) Xhtml = Successeur de HTML compatible

Plus en détail

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01 BALISES HTML 4.01 (Référence rapide non exhaustive!) Bibliographie : Le museau numérique, http://www.laurent-bernat.com/html-balises.php3?quoi=recap_attributs HTML code tutorial, http://www.htmlcodetutorial.com

Plus en détail

I/ Une première très brève introduction au WEB :

I/ Une première très brève introduction au WEB : TP 10 : Vendredi 31 Janvier 2014 Langage de description HTML Langages de description Présentation du langage HTML et du principe de séparation du contenu et de la mise en forme. Créer et analyser une page

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique.

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique. Université KASDI Merbah Ouargla Département des mathématiques & Informatique Le langage HTML BELOUAAR Houcine Belouar_hocine@yahoo.fr Les formulaires L'élément permet de créer des

Plus en détail

Technologies web dynamique

Technologies web dynamique Technologies web dynamique Sémantique HTML/XHTML COURS.02 Manuel FEIG manuel.feig@bruit-blanc.fr http://didactique4.canalblog.com/ Langage HTML/XHTML HTML : HyperText Markup Language hypertexte : liens/navigation

Plus en détail

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib Durée : 2 heures Date : Octobre 07 A.S :2007/2008 TP N 1 : Objectifs : Savoir écrire le

Plus en détail

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE ICN ICN Informatique et Création Numérique LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE 1 MISE EN SITUATION 1.1 Page Web «Une page Web est une ressource du World Wide Web

Plus en détail

PROGRAMMATION WEB DI3 LE LANGAGE HTML

PROGRAMMATION WEB DI3 LE LANGAGE HTML PROGRAMMATION WEB DI3 LE LANGAGE HTML Cyrille FAUCHEUX cyrille.faucheux@etu.univ-tours.fr Année 2010-2011 2 Le HTML Le langage HTML 3 HyperText Markup Language Ce n est pas un langage de programmation.

Plus en détail

LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5 LISTE DES BALISES EN HTML5 AIDE-MÉMOIRE HTML&CSS www.multiforme.eu BALISE DEFINITION DES BALISES DESCRIPTION Pour un commentaire L inclusion du DOCTYPE dans un document HTML assure

Plus en détail

Introduction aux technologies WEB. Pr. Hajar IGUER

Introduction aux technologies WEB. Pr. Hajar IGUER Introduction aux technologies WEB Pr. Hajar IGUER hajar.iguer@uic.ac.ma Fonctionnement du WEB 1. Le navigateur effectue une requête spécifiée à travers l URL 2. Le serveur retourne un flot de données 3.

Plus en détail

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Introduction au Web D'après les cours de Andrea G. B. Tettamanzi Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Fabien Givors, 2014 1 Planning des cours

Plus en détail

Test Test Test Test Test

Test Test Test Test Test Mise en forme d un document HTML Niveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise

Plus en détail

Balises de formulaire

Balises de formulaire Les formulaires XHTML permettent de recueillir les informations saisies par un utilisateur, puis de les transmettre à un programme serveur. Nous verrons : - la structure d un formulaire - les éléments

Plus en détail

HTML et page Web diaporama

HTML et page Web diaporama but du diaporama principe général le titre ainsi qu une section contenant un paragraphe le titre ainsi qu un paragraphe dont le texte est centré une section dont le texte est coloré en rouge (couleur définie

Plus en détail

Introduction à HTML et CSS

Introduction à HTML et CSS ENS de Cachan Introduction à HTML et CSS Françoise Tort Chargement d'une page Web h"p://site.chemin./page.html navigateur requête.html.css.jpg.mp3 serveur web fichiers Le navigateur web traduit les pages,

Plus en détail

Traitement des Formulaires

Traitement des Formulaires Traitement des Formulaires 1 Requetês et réponses Exemple de requête: demande d une page GET / HTTP/1.1 Host: exemple.org Exemple de réponse HTTP/1.1 200 OK Content Type: text/html Content Length: 419

Plus en détail

Charte graphique pour la réalisation de sites thématiques sur Internet

Charte graphique pour la réalisation de sites thématiques sur Internet Charte graphique pour la réalisation de sites thématiques sur Internet Sommaire Conventions... < 3 > Navigation... < 4 > Pages... < 5 > La page d accueil La page des liens La page des contacts Les pages

Plus en détail

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML Page Web statique «Le langage HTML» Activité 1 : 1. Créer un répertoire sous le nom TPHTML dans le dossier 4TIC HTML de la racine D:\. 2. Dans le dossier HTML créer un nouveau fichier Document texte. a.

Plus en détail

Organisation d un site web

Organisation d un site web Organisation d un site web Un site web est un ensemble de pages web hébergées par un serveur et identifié par une adresse internet ( URL). Les pages web sont écrites en langage html, puis transférées sur

Plus en détail

INTRODUCTION AU LANGAGE HTML ET CSS

INTRODUCTION AU LANGAGE HTML ET CSS INTRODUCTION AU LANGAGE HTML ET CSS Sur le Web il est d usage de séparer structure et contenu d une page (html) de son style (css) Quelques liens : http://validator.w3.org/:pour vérifier que le est conforme

Plus en détail

BDW1 - Programmation web - HTML

BDW1 - Programmation web - HTML BDW1 - Programmation web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2017-2018 http://liris.cnrs.fr/fabien.duchateau/bdw1/ Positionnement dans BDW1 BDW1

Plus en détail

Écriture textuelle de documents structurés Structure notée grâce à des balises
...
SGML : Standard Generalized Markup Language

Écriture textuelle de documents structurés Structure notée grâce à des balises <section>... </section> SGML : Standard Generalized Markup Language HTML Langages à balises Écriture textuelle de documents structurés Structure notée grâce à des balises ... SGML : Standard Generalized Markup Language méta-langage applications : documentation

Plus en détail

Technique Internet de Base HTML avancé

Technique Internet de Base HTML avancé Objectifs Technique Internet de Base HTML avancé morge@di.unipi.it Licence 2 Université Jean Monnet Création de tableau complexe Mise en forme de tableau Création de formulaire 2008-2009 Tableau= élément

Plus en détail

Le Réseau Internet. Origine : Milieu des années 70 : réseau ARPAnet américain. Rseaux Internet - HTML p.1

Le Réseau Internet. Origine : Milieu des années 70 : réseau ARPAnet américain. Rseaux Internet - HTML p.1 Le Réseau Internet Origine : Milieu des années 70 : réseau ARPAnet américain. Rseaux Internet - HTML p.1 Le Réseau Internet Origine : Milieu des années 70 : réseau ARPAnet américain. 1987 premier réseau

Plus en détail

CREATION WEB DYNAMIQUE

CREATION WEB DYNAMIQUE CREATION WEB DYNAMIQUE II ) xhtml ET CSS II-1 ) Introduction Le xhtml, extensible HyperText Markup Language, est un langage identique au langage HTML mais respectant la syntaxe définie par XML Quant vous

Plus en détail

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23 HTML Damien Nouvel Damien Nouvel (Inalco) HTML 1 / 23 Langage, calcul, télécommunications Plan 1. Langage, calcul, télécommunications 2. Web et documents HTML 3. Balises 4. Attributs Damien Nouvel (Inalco)

Plus en détail

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens :

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens : 3 : TD HTML Objectif : Moyens : construction d un document hypertexte sur Internet - Internet : notions d échanges sur le réseau - Langage : présentation d HTML - Mise en œuvre d HTML : TD_3_HTML_CV.html

Plus en détail

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Les formulaires Permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant

Plus en détail

Classes : PREMIERES A-C-D

Classes : PREMIERES A-C-D LYCEE SECOND CYCLE DEPARTEMENT D'INFORMATIQUE Année scolaire 2011-2012 Classes : PREMIERES A-C-D Horaire hebdomadaire : 2 heures PRÉ REQUIS Connaissances de la Classe de 2 nde Savoir lire le français ou

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

Plus en détail

Principales balises HTML5

Principales balises HTML5 Principales balises HTML5 RAPPEL : Tout document HTML commence par le DOCTYPE suivi de la balise , et s achève avec la balise . DOCTYPE et HTML : Le DOCTYPE : La déclaration

Plus en détail

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher»

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher» Formulaire HTML 1. Introduction. 2. Définition de formulaire. 3. Entrée e d une d ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher 7. Bouton «Envoyer» 8. Bouton «Reset» 9. Bouton «Général»

Plus en détail

COURS DE PROGRAMMATION DE SITE WEB 1

COURS DE PROGRAMMATION DE SITE WEB 1 COURS DE PROGRAMMATION DE SITE WEB 1 Chapitre 1 Les bases PLAN DU COURS 1.1 L histoire du WEB 1.2 Du HTML au XHTML et le CSS 1.3 Définition (HTML, XTML, CSS, ASP, PHP, FLASH, CGI, PEARL) 1.4 Les éditeurs

Plus en détail

Algorithmique et développement web S2 6. Gestion des formulaires

Algorithmique et développement web S2 6. Gestion des formulaires Algorithmique et développement web S2 6. Gestion des formulaires Christophe BLANC IUT MMI IUT d Allier Université Clermont Auvergne www.christophe-blanc.fr 2016-2017 1 / 15 Rappel Un formulaire est un

Plus en détail

F r a n c k V i d a l C N R S C R É E R S A P A G E W E B A V E C K O M P O Z E R. KompoZer

F r a n c k V i d a l C N R S C R É E R S A P A G E W E B A V E C K O M P O Z E R. KompoZer KompoZer Ordinateur de l ENIAC (Electronic Numerical Integrator And Computer) - 1948 F r a n c k V i d a l C N R S - 2 0 1 2 Avant? 1948 : Premier ordinateur 1972 : ARPANET 40 machines militaires 1977

Plus en détail

Chapitre 4 : Les formulaires en JavaScript

Chapitre 4 : Les formulaires en JavaScript Chapitre 4 : Les formulaires en JavaScript I. Généralités 1. Présentation Sans les formulaires, les pages HTML ne proposent aucune interactivité avec l utilisateur. En effet, la page appelée est envoyée

Plus en détail

Programmation Web : HTML

Programmation Web : HTML HTML = HyperText Markup Language? Programmation Web : HTML Hyper : Non linéaire, liens entre nœuds Text : Composé de texte Markup : Marqué, balisé Language : Langage Langage à balises de description de

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web Internet et le Web Cours Web nº1 Introduction au World Wide Web et à XHTML P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009 P. Yger (IFIPS) Web et XHTML 14-18 Sep 2009 1 / 37 Internet et

Plus en détail

TD2 : XHTML/CSS. Université Bordeaux 1 Licence 3 Informatique

TD2 : XHTML/CSS. Université Bordeaux 1 Licence 3 Informatique Université Bordeaux 1 T.D. Licence 3 Informatique 2007 2008 TD2 : XHTML/CSS Le but de ce TP est d apprendre les bases du langage XHTML. Voici deux sites de référence pour le XHTML et le HTML : http://www.w3.org/tr/xhtml1

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

CRÉE TA PAGE WEB POUR IPHONE!

CRÉE TA PAGE WEB POUR IPHONE! CRÉE TA PAGE WEB POUR IPHONE! Programme du matin QR Code Définition Création de votre T-Shirt avec QR Code Pause «Application» pour iphone Base du HTML Création de votre CV QR CODE? QR CODE? Le QR Code

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

Module M1106 Langages HTML/XHTML. IUT de Béziers, dépt. R&T

Module M1106 Langages HTML/XHTML. IUT de Béziers, dépt. R&T Module M1106 Langages HTML/XHTML IUT de Béziers, dépt. R&T 2005-2016 http://www.borelly.net/ cb@iutbeziers.fr Généralités HTML : HyperText Markup Language Basé sur SGML (Standard Generalized Markup Language

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

LE CODE HTML 1- INTRODUCTION. Page 1 sur 5

LE CODE HTML 1- INTRODUCTION. Page 1 sur 5 Page 1 sur 5 LE CODE HTML 1- INTRODUCTION Une page web est écrite nécessairement en code. Il en existe beaucoup, aux utilités diverses et variées. Le code le plus basique est toutefois le HTML ( HyperText

Plus en détail

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Développement d Applications Web L'objectif de ce module est: 1. S'initier à la programmation Web en

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme -> CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

Exemple pour un formulaire classique sans l'aide de script CGI :

Exemple pour un formulaire classique sans l'aide de script CGI : <form method=post enctype=text/plain> Formulaires 1. Introduction La création des formulaires se réalise grâce à plusieurs champs, dans lesquels le visiteur entre une information ou opte pour un choix. L'information est ensuite envoyée, à

Plus en détail

Les balises XHTML. Balises de structure. Balises de mise en forme. Balises de liens Balises de liste Balises d image Balises de tableau

Les balises XHTML. Balises de structure. Balises de mise en forme. Balises de liens Balises de liste Balises d image Balises de tableau Les balises XHTML Balises de structure Balises de liens Balises de liste Balises d image Balises de tableau Balises de cadre Balises de mise en forme Balises de formulaire 1 Balises de structure Un document

Plus en détail

Entités, hyperliens, tableaux

Entités, hyperliens, tableaux Entités, hyperliens, tableaux Les caractères spéciaux = entités Les normes HTML demandent de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés.

Plus en détail

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN :

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : Francis Draillard Premiers pas en CSS 3 & HTML 5 6 e édition Mise à jour Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : 978-2-212-13944-0 Table des matières 1. INTRODUCTION AU HTML ET AUX

Plus en détail

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP HIVER 2017 COURS INF2005 : PROGRAMMATION WEB Exercices de Programmation Web, Laboratoires et TP Professeur : Abdel OBAID Ateliers : Ruben Chambilla Février 2017 TABLEAU DES MATIÈRES 1. Introduction...1

Plus en détail

COURS HTML Réaliser par Hassan Saal

COURS HTML Réaliser par Hassan Saal COURS HTML Réaliser par Hassan Saal SOMMAIRE I/ HTML 1) Qu est qu un langage HTML et A quoi sert-t-il 2) Quels logiciels utilisés pour HTML 3) Première pas en HTML 4) Les Balises HTML 5) TD 1 : formulaire

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

En-tête d'un document HTML : l'élément Balises dans. Balise "meta" Balise "meta" Balise "meta" Balise "meta" Exemple :

En-tête d'un document HTML : l'élément <head> Balises dans. <head> Balise meta Balise meta Balise meta Balise meta Exemple : Balises dans En-tête d'un document HTML : l'élément L'en-tête, head, d'un document HTML peut contenir 5 balises : title - titre du document link - pour importer un fichier script - pour insérer

Plus en détail

TP 3 : Les cadres, les images mapées et les formulaires

TP 3 : Les cadres, les images mapées et les formulaires TP 3 : Les cadres, les images mapées et les formulaires EXERCICE 1 : LES CADRES Étudier les différentes balises nécessaires pour mettre en place des frames : et ses attributs rows et cols ;

Plus en détail

I/ Une première très brève introduction au WEB :

I/ Une première très brève introduction au WEB : TP 10 : Vendredi 31 Janvier 2014 Langage de description HTML Langages de description Présentation du langage HTML et du principe de séparation du contenu et de la mise en forme. Créer et analyser une page

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

page web et html 1 principe général 2

page web et html 1 principe général 2 page web et html Table des matières 1 principe général 2 2 écrire et lire un document en HTML 3 2.1 Les références internationales................................. 3 2.2 Pour tester le code source et voir

Plus en détail

HTML & CSS. d e s i g n w e b. [ présentation ]

HTML & CSS. d e s i g n w e b. [ présentation ] d e s i g n w e b [ présentation ] Généralités Les feuilles de styles (CSS) existent depuis 1996. Elles ne sont vraiment correctement supportées par les navigateurs que depuis 2000-2001. C'est donc depuis

Plus en détail

Le HTML dans la page web

Le HTML dans la page web Le HTML dans la page web 1 Qu est-ce que HTML? HTML est le langage descriptif formel utilisé pour créer des pages web. C est le seul langage permettant d afficher une page web dans un navigateur. HTML

Plus en détail

Partie HTML TD 1 : Les bases du HTML

Partie HTML TD 1 : Les bases du HTML Partie HTML TD 1 : Les bases du HTML 1 Introduction HTML = HyperText Marked Language HTML est un langage permettant de décrire des données affichables sous forme de page par un navigateur Web. HTML peut

Plus en détail