04_Markup_Languages - CSI 3540 Structures techniques et...

Info iconThis preview shows pages 1–12. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: CSI 3540 Structures, techniques et normes du Web Wednesday, January 20, 2010 Objectifs: • Créer des documents XHTML (statiques) • Comprendre les choix sur lesquels reposent ces standards Lectures: • Web Technologies (2007) pages 56–98 Langages de balisage Wednesday, January 20, 2010 Plan 1. Concepts de base du langage HTML 2. Historique du langage 3. Éléments du langage XHTML 1.0 Wednesday, January 20, 2010 XHTML 1.0 (Strict) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " lang=“fr-CA” > <head> <title> Mon premier document </title> </head> <body> <p> Hello world! </p> </body> </html> Wednesday, January 20, 2010 Wednesday, January 20, 2010 2 types d’information <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " lang=“fr-CA” > <head> <title> Mon premier document </title> </head> <body> <p> Hello world! </p> </body> </html> •Balises HTML (markup) •Contenu (character data) Wednesday, January 20, 2010 déclaration de type du document instance < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > < title > Mon premier document </ title > < p > Hello world! </ p > < head > </ head > < body > </ body > < html xmlns = "http://www.w3.org/1999/xhtml " lang = “fr-CA” > </ html > Wednesday, January 20, 2010 • Indique la version de (X)HTML utilisée pour le codage de l’instance • Indique l’ élément racine de de l’instance, toujours html pour les documents HTML • L’élément utilisé pour la racine n’apparaît qu’une seule fois dans tout le document • L’attribut xmlns est obligatoire pour les documents XHTML 1.0 Strict Wednesday, January 20, 2010 < html xmlns = "http://www.w3.org/1999/xhtml " lang = “fr-CA” > </ html > <head> <title> Mon premier document </title> </head> <body> <p> Hello world! </p> </body> Éléments du langage Balise (tag) d’ouverture Balise (tag) de fermeture Contenu Wednesday, January 20, 2010 • Les chaînes < ... > sont des balises (tags ) • Il y a des balises de début ( < ... > ) et des balises de fn ( </ ...> ) • Les balises sont des annotations, des méta- inFormations • Une chaîne < ... > ... </...> est un élément • La chaîne utilisée à l’intérieur des balises de début et de fn est le nom de l’élément • Le contenu de l’élément est entre les balises de début et de fn (sans les inclure) Wednesday, January 20, 2010 < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > < title > Mon premier document </ title > < p > Hello world!...
View Full Document

{[ snackBarMessage ]}

Page1 / 118

04_Markup_Languages - CSI 3540 Structures techniques et...

This preview shows document pages 1 - 12. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online