Initiation au HTML. Qu est ce qu une page web?

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Initiation au HTML. Qu est ce qu une page web?"

Transcription

1 Initiation au HTML Qu est ce qu une page web? Il s agit ni plus ni moins que d un fichier, qui contient seulement des caractères alphanumériques. Autrement dit, vous n avez besoin que de votre bloc-notes, ou d un éditeur de texte quelconque pour créer un site Internet. Il est nécessaire de connaître les bases du langage pour arriver à un site de qualité. Lors de l affichage d un tel fichier, votre navigateur Internet (Internet Explorer, Firefox, Chrome, Opera,...) fait tout le travail. En effet, ce dernier lit le fichier en question, et repère ce qu on appelle les balises ou les tags HTML. Ces balises indiquent au navigateur comment afficher le contenu de la page (mise en valeur des paragraphes, titre de la page, titre d une partie, d une sous-partie, caractères en gras, retour à la ligne, etc). Ces balises fonctionnent par paire, l une définit le début d un bloc et l autre la fin. Par exemple, le titre d une page est codé grâce à la balise <title>, et ce de la manière suivante dans votre éditeur de texte : <title>ceci sera le titre de la page</title>. Le squelette d une page web. Toutes les pages web sont construites d une manière identique. Elles se composent d une entête, qui peut contenir tout un tas d informations, puis d un corps, qui contient toutes les informations affichées dans le navigateur. Le squelette de toute page est défini par l utilisation de trois balises : HTML, HEAD et BODY. La première indique au navigateur qu il s agit bien d un fichier HTML (car un navigateur peut afficher un fichier image ou un fichier texte), la seconde permet de donner des informations sur la page (dont le titre) et correspond à l entête du document et la troisième définit le corps de la page et contient toutes les informations que seront affichées sur l écran de l internaute. Le cadre suivant correspondant à l édition d un fichier HTML, identifiez les trois (paires) balises dont nous venons de parler. <title>titre de la page!!!</title> <!-- Commentaires : Ce bloc délimité par les balises <!-- et --> correspond à un commentaire qui n est pas affiché sur le navigateur. Les commentaires sont souvent très utiles lors du développement --> Hello Wordl!!

2 Vous pouvez taper ce code dans votre bloc-notes. Enregistrez votre fichier, nommez-le par exemple «hello-world.html» et ouvrez-le avec votre navigateur, vous apercevez maintenant «Hello World!!» et le titre que vous avez renseigné dans la barre de titre. 1. Par défaut le bloc-notes enregistre les fichiers au format.txt, dans notre cas vous devez spécifier l extension.htm ou. html 2. Les retours à la ligne ou plusieurs espaces consécutifs représentent au maximum un espace dans le navigateur. Les trois exemples ci-dessous sont donc équivalents : Il nous reste maintenant à voir les balises les plus communes et leurs caractéristiques respectives. Je vous rappelle que le texte et les balises doivent se trouver entre les balises et. Les principales balises Il en existe plusieurs dizaines, mais une minorité d entre elles seulement nous intéressent. La balise «paragraphe» et la balise «retour à la ligne» <br/> La balise la plus utilisée est peut-être la balise, elle signifie «paragraphe». elle permet de dissocier deux paragraphes. A l affichage, l espace entre les paragraphes est plus important que l espace entre les lignes d un même paragraphe. Il est important de remarquer que dans le cas d une phrase relativement longue située entre les balises et, le navigateur renvoie le texte à la ligne automatiquement si besoin. Inutile d aller à la ligne dans votre éditeur (un retour à la ligne, deux espaces accolés ou un espace accolé à un retour à la ligne sont interprétés comme un unique espace par le navigateur), le seul moyen d aller à la ligne est l utilisation de la balise <br/>. <br/>, contrairement à tous les autres tags, ne s utilise pas par paire. La balise est une balise de type bloc, elle force un retour à la ligne. Comme toute balise (ou tags) elle a une ouverture et une fermeture. Nous verrons plus loin d autres balises de type Inline (en ligne) qui ne force pas de retour à la ligne et permettent une écriture à la suite. La balise <br/> est une balise auto-fermante, étant unique on la clos en plaçant un slash (/) dans la balise elle-même.

3 Remarque : En réalité, le corps de notre page Hello World ci-dessus aurait du contenir Hello World. Exemple : Redimensionner la fenêtre de l aperçu pour voir comment sont affichés les paragraphes. <title>titre de la page!!!</title> L Hypertext Markup Language, généralement abrégé HTML, est le langage informatique créé et utilisé pour écrire les pages Web. HTML permet en particulier d insérer des hyperliens dans du texte, donc de créer de l hypertexte, d où le nom du langage. <!-- remarquez la balise <br/> qui permet d aller à la ligne --> Techniquement, HTML est une application du Standard Generalized Markup Language (SGML). <br/>le développement de HTML proprement dit a cessé depuis 1999, et son successeur, le XHTML, est une application de l Extensible Markup Language (XML).

4 L ensemble des balises «titre» <h1>, <h2>,... et <h6> Elles permettent de mettre en valeur des textes correspondant aux titres <h1>, sous-titres <h2>, titre de paragraphe <h3>, jusqu à la balise <h6>. La plupart du temps, vous n utiliserez que les balises h1 et h2 voire h3. Pour mieux comprendre, vous pouvez regarder le code source décrit ci-dessous puis regarder l aperçu de l exemple. Exemple : les six balises h1 à h6 sont utilisées dans cette ordre, suivies de deux paragraphes. <title>titre de la page!!!</title> <h1>ceci est une définition Wikipedia de HTML</h1> <!--Le navigateur renvoie à la ligne automatiquement de la même manière que la balise --> <h2>l Hypertext Markup Language</h2> <h3>généralement abrégé HTML</h3> <h4>est le langage informatique</h4> <h5>créé et utilisé pour écrire les pages Web</h5> <h6>html permet en particulier</h6> d insérer des hyperliens dans du texte, donc de créer de l hypertexte, d où le nom du langage. <!-- remarquez la balise <br/> qui permet d aller à la ligne --> Techniquement, HTML est une application du Standard Generalized Markup Language (SGML). <br/>le développement de HTML proprement dit a cessé depuis 1999, et son successeur, le XHTML, est une application de l Extensible Markup Language (XML).

5 Les balises «puce <ul> et <li> La balise <li> encapsule des éléments présents dans des listes. Elle est toujours employée lors de l utilisation de listes ordonnées, déclarées avec la balise <ol>, ou non ordonnées : balise <ul>. Lorsque nous verrons les feuilles de styles nous verrons comment créer un menu grâce à ces balises. Il est possible de modifier l apparence de la puce devant un élément contenu dans la balise <li> en utilisant le style css list-style-type. <title>les listes</title> <h1>balises <ul> & <ol></h1> <ul> <li>catégorie 1</li> <li>catégorie 2</li> <li>catégorie 3 <ul> <li>sous catégorie 3.1</li> <li>sous catégorie 3.2</li> <li>sous catégorie 3.3</li> </ul> </li> <li>catégorie 4</li> <li>catégorie 5</li> </ul>

6 Les balises <b> (ou <strong>), <i>, <em> Balises de mises en forme que l on imbrique régulièrement les unes dans les autres (comme toutes les autres balises par ailleurs). La balise <b> (ou <strong>) force le bold (gras), la balise <i> force l italique tandis que la balise <em> est une balise purement sémantique (nous verrons ce terme en classe) représentant l emphase et donc la mise en exergue d une phrase. <title>mise en forme</title> <h1>balises <b>, <i> & <em></h1> <b>citation de <i>john Lennon</i></b> <em> Quand je suis allé à l école, ils m ont demandé ce que je voulais être quand je serais grand. J ai répondu «heureux». Ils m ont dit que je n avais pas compris la question, j ai répondu qu ils n avaient pas compris la vie. </em>

7 La balise «image» <img> Comme son nom le suggère elle permet l insertion d image dans le navigateur. Trois formats d image peuvent être mis sur l internet : - le format GIF, il est utilisé pour des images contenant peu de couleur. En effet le nombre de couleur dans le gif est de 256 dont une couleur transparente. - le format JPG, il est utilisé pour les des images contenant beaucoup de couleur, une photo par exemple. Le jpg doit être en RVB. - le format PNG, concurrent du gif peut contenir plus de couleurs que le gif et gère la transparence il est de loin le format le plus utilisé (PNG pour Portable Network Graphic). <title>insérons notre première image</title> <h1>insertion d image</h1> <!--Le navigateur renvoie à la ligne automatiquement de la même manière que la balise --> <img src= monimage.png />La balise <img> est une balise auto-fermante et de type Inline ce qui signifie que l on peut l insérer dans une ligne de texte sans forcer de retour à la ligne (à moins biens sûr d utiliser la balise <br/>). Notez que l attribut «src» de la balise <img> indique l endroit où se trouve l image à insérer. La balise <img> est une balise auto-fermante et de type Inline ce qui signifie que l on peut l insérer dans une ligne de texte sans forcer de retour à la ligne (à moins biens sûr d utiliser la balise <br/>).

8 La balise «lien» <a> La balise <a> permet de créer un lien hypertexte pointant vers un document en spécifiant l url de celuici au niveau de l attribut «href». Le tag <a> peut également définir des ancres au sein d un document et les liens pour y accéder. La page définie par le lien hypertexte s affiche dans la page courante si l attribut «target» n est pas spécifié. Ce tag doit être fermé avec le tag </a>. Il n est pas possible de croiser ou d insérer deux balises l une dans l autre (pour ouvrir un lien dans une nouvelle fenêtre : target= _blank ). Pour personnaliser l aspect des liens hypertextes, les propriétés de style à modifier sont entre autre l attribut color pour la couleur du texte et text-decoration pour définir si le lien doit être souligné ou non. Nous ne verrons aucun des attributs non-indispensables pour toutes balises que nous verrons dans ce cours car aujourd hui on utilise les feuilles de style à cet effet ce qui sera l objet du cours en 4 éme. <title>notre premier lien</title> <h1>hyperlien</h1> <!--Le navigateur renvoie à la ligne automatiquement de la même manière que la balise --> Pour toute recherche, je vous conseille vivement l utilisation du moteur <a href= target= _blank >Google</a> Dans cet exemple nous utilisons une adresse dites absolue --> Nous verrons par la suite en classe comment naviguer dans nos propres pages internes grâce à des chemins dits «relatifs».

9 Les balises «calque» <div> (en bloc) & <span> (Inline) Les calques sont simplement des sortes de cadres dans lequels on peut inclure du texte, des images, des animations, et même d autres calques. L immense avantage est que les calques, contrairement aux tableaux, qui, eux, ne permettent pas toujours un positionnement au pixel près, les calques permettent d être placés exactement ou on veut dans la page. Pour créer un calque : Insertion/Calque Il existe 2 genres de calques : les calques CSS (balise DIV, SPAN), et les calques Netscape. Les calques Netscape (balise Layer, ILayer)utilisant des balises propres à Netscape, il me semble sage de les écarter au profit des balises de CSS. Voici un exemple de l utilisation d un calque assez petit, de fond cyan, en haut à gauche de la fenêtre, avec comme texte à l intérieur : «Ceci est un calque». On constale que tout se passe dans les options de la balise <div> <title>les calques</title> <h1>balise <div></h1> <!--Le navigateur renvoie à la ligne automatiquement de la même manière que la balise --> <div id= intro style= position:absolute; width:255px; height:30px; z-index:1; left:8px; top: 6px; background-color:#ccffff; background-color: #CCFFFF; backgroundimage:url(/images/maison.gif); > Ceci est un calque </div> Nous n utiliserons que peu les calques puisque nous ne verrons pas dans ce cours les feuilles de style (CSS) permettant leur mise en forme.

10 Les balises «tableau» <table>, <tr> et <td> La balise <table> est un conteneur très utilisé dans les pages web. Elle facilite la mise en forme des informations grâce à son découpage en lignes et cellules complètement paramétrables. Il est nécessaire d utiliser au minimum les balises <tr> et <td> pour mettre en forme les éléments à afficher dans la table. D autres balises peuvent structurer la table, voici toutes ces balises et leur ordre d apparition : <title>les tables</title> <h1>balise <table></h1> <table cellspacing= 2px cellpadding= 2px; rules= all style= border:solid 1px black; > <caption>titre du tableau</caption> <colgroup> <col width= 150px; /> <col width= 200px; /> </colgroup> <thead> <tr> <th>titre Col 1</th> <th>titre Col 2</th> </tr> </thead> <tfoot> <tr> <td>valeur Footer 1</td> <td>valeur Footer 2</td> </tr> </tfoot> <tbody> <tr> <td>valeur 1</td> <td>valeur 2</td> </tr> <tr> <td>valeur 1</td> <td>valeur 2</td> </tr> </tbody> </table> la balise <tr> permet de créer une nouvelle ligne dans le tableau. La balise <td> crée une cellule au sein d une ligne. Les balises <thead>, <tbody> et <tfoot> permettent de donner une structure à la table, la partie thead étant censé contenir la partie relative aux titres, la partie tbody contenant les données et la partie tfoot d éventuelles annotations ou remarques complémentaires. Le tag tfoot apparaît avant le tag tbody, le navigateur devant pouvoir afficher la partie basse tfoot avant d avoir reçu l ensemble des lignes du bloc principal tbody.

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

L école supérieure de la statistique et de l analyse de l information HTML5

L école supérieure de la statistique et de l analyse de l information HTML5 L école supérieure de la statistique et de l analyse de l information HTML5 Enseignante : MANSOUR Sihem Contact: sihemmansour@yahoo.fr Plan du cours Présentation du langage Les différentes versions du

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

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

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

MODULE «REALISER UN SITE INTERNET» TP1 LE LANGAGE HTML

MODULE «REALISER UN SITE INTERNET» TP1 LE LANGAGE HTML ICN ICN Informatique et Création Numérique MODULE «REALISER UN SITE INTERNET» TP1 LE LANGAGE HTML 1 MISE EN SITUATION 1.1 Page Web «Une page Web est une ressource du World Wide Web conçue pour être consultée

Plus en détail

Les tableaux. La mise en forme des tableaux (bordures, alignement horizontal et vertical, marges, ) se fait à l aide des styles CSS.

Les tableaux. La mise en forme des tableaux (bordures, alignement horizontal et vertical, marges, ) se fait à l aide des styles CSS. Les tableaux Les balises de tableau sont les suivantes : balise explication attributs titre du tableau tableau ligne d un tableau (table row) cellule d un tableau (table data) colspan(="nb

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

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

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

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

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

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3 HTML5 et CSS3. Table des matières : CE qu'est l'html5 page 2 Déclaration De Page page 3 Ossature D'une Page page 3 Les Balises...page 4-6 Les Nouvelles Balises...page 4-6 CSS3 page 7-9 Page 1/9 HTML5 Le

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

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

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

Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés :

Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés : CSS positionnement POSITIONNEMENT Rappel balises de type bloc Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés : width, height, min-width, ou

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

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

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

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

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

- 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

Cours N 6 Le langage HTML

Cours N 6 Le langage HTML Cours 6: Technologies web - le langage HTML Cours N 6 Le langage HTML Concepts de Base 1. Généralités HTML (pour HyperText Markup Language) est un langage de description de documents hypermédia. Un document

Plus en détail

Génération dynamique de pages web

Génération dynamique de pages web Génération dynamique de pages web Cet article décrit quelques techniques de programmation web permettant de générer des pages web dynamiquement à partir d une base de données. STRUCTURE DE LA BASE DE DONNÉES

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

Balises de tableau. - choisir des bordures à afficher - contrôler le quadrillage des cellules - traiter séparément les sections (en-tête, corps, pied)

Balises de tableau. - choisir des bordures à afficher - contrôler le quadrillage des cellules - traiter séparément les sections (en-tête, corps, pied) Les tableaux XHTML ne sont pas qu un bon moyen de présenter l information, mais aussi un bon outil de mise en page Les tableaux permettent de - choisir des bordures à afficher - contrôler le quadrillage

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

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

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

Exercice 4 Manipulation des balises HTML

Exercice 4 Manipulation des balises HTML 1 Exercice 4 Manipulation des balises HTML Dans cet exercice vous allez simplement manipuler les différentes syntaxes qui constituent le langage html. Sources : Une fois l archive décompressée vous trouverez

Plus en détail

Editeur HTML. Mozilla

Editeur HTML. Mozilla Editeur HTML Mozilla Présentation Mozilla est un navigateur Web, il permet également de gérer la messagerie (Email) et d'éditer des pages au format HTML (Hyper Text Markup Language). Mozilla est basé à

Plus en détail

Créer une page HTML avec l'éditeur Notepad++

Créer une page HTML avec l'éditeur Notepad++ Page Html Créer une page HTML avec l'éditeur Notepad++ Ouvrir Notepad++ Ecrivez un court texte. Enregistrer ce fichier dans un dossier que vous avez préalablement créé dans vos documents ou sur votre bureau

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

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

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

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

Apprendre les bases du HTML5 et du CSS3. Objectif : Dans cette série d'activités vous apprendrez à utiliser HTML5 et CSS3 pour créer des pages web

Apprendre les bases du HTML5 et du CSS3. Objectif : Dans cette série d'activités vous apprendrez à utiliser HTML5 et CSS3 pour créer des pages web Apprendre les bases du HTML5 et du CSS3 Objectif : Dans cette série d'activités vous apprendrez à utiliser pour créer des pages web Durée : 4h Chapitre 2 Nom : Prénom : Classe : Table des matières Activité

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

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

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

WEB BALISES. Lorem Ipsum : texte en latin (qui ne veut même rien dire en latin) qui permet de mettre du texte quand il en faut.

WEB BALISES. Lorem Ipsum : texte en latin (qui ne veut même rien dire en latin) qui permet de mettre du texte quand il en faut. WEB 27/09 Chaque élément est une balise : HTML -> visible HEAD -> invisible BODY -> DOCTYPE: c est le type de document qu on va utiliser, XHTML 1.1=> le plus strict (qu on va bosser) N importe quel première

Plus en détail

CSS 3. Julien David. A101 - Julien David (A / 27

CSS 3. Julien David. A101 - Julien David (A / 27 CSS 3 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 27 Feuilles de styles Cascading Style Sheets CSS est un langage de feuilles de styles.

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

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

Table des matières LES ÉLÉMENTS DE BASES DE LA PAGE LES BALISES DE SECTIONNAGE LES BALISES DE DISPOSITIONS LES BALISES - 3 -

Table des matières LES ÉLÉMENTS DE BASES DE LA PAGE LES BALISES DE SECTIONNAGE LES BALISES DE DISPOSITIONS LES BALISES - 3 - Table des matières LES ÉLÉMENTS DE BASES DE LA PAGE - 1 - LES BALISES DE SECTIONNAGE - 2 - LES BALISES DE DISPOSITIONS - 2 - LES BALISES - 3 - LES DIFFÉRENTS TYPES DE BALISES - 3 - LES TABLES - 5 - LES

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

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

Mise en page avec CSS

Mise en page avec CSS Mise en page avec CSS CSS ne sert pas uniquement à formater le texte et afficher des images de fond. Si on se concentrait un peu sur les tâches de base de mise en page? Bienvenue dans le monde du positionnement.

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

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas...

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas... Introduction et HTML Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Introduction Objectifs : Présentation des bases de la création de documents web par la découverte des

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

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

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs :

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs : TP Informatique Personnalisation de page web HTML avec le langage CSS Objectifs : - Approfondir ses connaissances au langage HTML - Changer le style et la présentation d une page HTML grâce au langage

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

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours :

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : COURS PROGRAMMATION WEB ASCADING STYLE SHEETS CSS CASCADING Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : http://essai.rnu.tn/enseignants/fatmachaker2.htm Année Universitaire :

Plus en détail

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms HTML D après openclassrooms Alexandre Benoit TS 2016/2017 Introduction Télécharger à partir de la page web du cours le fichier pageoueb.html Ouvrir le fichier avec Notepad++. Ouvrir le fichier avec Firefox.

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

T.P. OUTILS DE L INTERNET

T.P. OUTILS DE L INTERNET T.P. OUTILS DE L INTERNET Le HTML (HyperText Markup Language) est un langage informatique utilisé pour la création de pages Web. Une page HTML est un simple fichier texte contenant des balises (parfois

Plus en détail

L1 - Informatique et internet

L1 - Informatique et internet L1 - Informatique et internet Hervé Le Crosnier laboratoire GREYC - Université de Caen! herve.lecrosnier@unicaen.fr http://ensweb.users.info.unicaen.fr HTML + CSS Listes, images et liens Page HTML

Plus en détail

Introduction à HTML. 27 Février Damien DURVILLE HTML 1

Introduction à HTML. 27 Février Damien DURVILLE HTML 1 Introduction à 27 Février 2004 Damien DURVILLE 1 Qu'est-ce que c'est? : Hypertext Markup Language hypertext : texte avec liens dynamique markup : marquage, codage, délimitation language : une manière de

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

/* basic elements */ html { font: 75% georgia, sans- serif; Design

/* basic elements */ html { <!DOCTYPE html> font: 75% georgia, sans- serif; Design</title> tp HTML But : être capable d écrire une page en HTML et de lui associer une mise en page en CSS Moyen : Pc avec Notepad++ et navigateurs Chrome et Firefox 1 Introduction Lorsque vous allez sur

Plus en détail

Créer un bouton pour le Web

Créer un bouton pour le Web Lorsqu'un internaute place le pointeur de sa souris sur un dessin dans une page Web, ce pointeur entre physiquement dans la zone de l'écran occupée par le graphique. L'internaute peut alors soit cliquer

Plus en détail

LE RECAP ಠ_ಠ. C est trop facile!

LE RECAP ಠ_ಠ. C est trop facile! LE RECAP ಠ_ಠ C est trop facile! POUR COMMENCER... Quand on commence un fichier HTML (HyperText Markup Language), on écrit en premier le DOCTYPE!! sans oublier les balises

Plus en détail

CSS. Alexandre Benoit TS10. D après openclassrooms

CSS. Alexandre Benoit TS10. D après openclassrooms CSS D après openclassrooms Alexandre Benoit TS10 I Les bases du CSS 2 / 31 Introduction Où écrit t on le CSS? : 3 / 31 Introduction Où écrit t on le CSS? : Dans un nouveau fichier par exemple, nous l écrirons

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

Le langage HTML. HTML est la «langue maternelle» de votre navigateur web

Le langage HTML. HTML est la «langue maternelle» de votre navigateur web Qu'est-ce que le HTML? HTML est la «langue maternelle» de votre navigateur web L HyperText Markup Language, en abrégé HTML, est le format de données conçu pour représenter les pages web. HTML permet de

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 10 Réussir son site web avec XHTML et CSS Positionnement et mise en page par le CSS 1. Les 3 modes d affichage pour les éléments HTML... 1 1- Bloc / block... 1 2- En-ligne / inline... 1 3- Invisible

Plus en détail

HTML. Alexandre Benoit TS10. D après openclassrooms

HTML. Alexandre Benoit TS10. D après openclassrooms HTML D après openclassrooms Alexandre Benoit TS10 Introduction Télécharger à partir de la page web du cours le fichier pageoueb.html Ouvrir le fichier avec Notepad++. Ouvrir le fichier avec Firefox. 2

Plus en détail

Certificat Informatique et Internet

Certificat Informatique et Internet Certificat Informatique et Internet Référentiel B5 Réalisation de documents pour le web, langage HTML & CSS C2i3 - Référentiel B5 - Réalisation de documents pour le web, langage HTML & CSS 1 Introduction

Plus en détail

Création d'un site Web avec KompoZer

Création d'un site Web avec KompoZer Création d'un site Web avec KompoZer Table des matières 1Rudiments sur le langage HTML.1 1.1Structure d'une page web :.1 1.2Le langage des pages Web.2 2Préparation du site web..2 3Utilisation d'une feuille

Plus en détail

Les standards du web

Les standards du web COURS - Partie 1 Le HTML5 et le CSS3, petits frères du HTML (ou XHTML) et du CSS viennent, alors que l ère actuelle est à l interconnexion et aux média multiples. Dans le but de satisfaire la demande grandissante

Plus en détail

Travaux Pratiques : le langage HTML

Travaux Pratiques : le langage HTML Travaux Pratiques : le langage HTML Objectif : Ce TP couvre l'écriture d'une page Web en langage html4, en utilisant des balises non décorées. Puis l'utilisation d'un éditeur html pour enrichir la présentation

Plus en détail

C2i : Création de pages web

C2i : Création de pages web C2i : Création de pages web IUFE 2016/2017 Matthieu Giraud LIMOS, Université Clermont Auvergne Matthieu Giraud C2i : Création de pages web 1 / 33 Introduction Sommaire 1 Introduction 2 Structure d une

Plus en détail

Support de cours Dreamweaver CS5. MC Benveniste

Support de cours Dreamweaver CS5. MC Benveniste Support de cours Dreamweaver CS5 MC Benveniste 2011 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous

Plus en détail

CHARGÉE DE COURS : N. VANASSCHE

CHARGÉE DE COURS : N. VANASSCHE CHARGÉE DE COURS : N. VANASSCHE WWW.NATHALIEVANASSCHE.BE DE NOMBREUSES PERSONNES CONFONDENT (À TORT) INTERNET ET LE WEB. le Web fait partie d'internet. Internet est donc un grand ensemble qui comprend,

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

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) seconde session Avril 2011 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Remarque : Pour ne pas surcharger, on

Plus en détail

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions Gestion du site web www.college-st-paul.qc.ca Table des matières Accéder au panneau d administration...3 Ajouter un administrateur...5 Structure du site...6 Ajouter une page...8 Éditer une page nouvellement

Plus en détail

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Philippe Marcy (webmaster) Table des matières 1. QU EST-CE QU UNE FICHE THÉMATIQUE?... 2 2. FAIRE UNE PROPOSITION DE FICHE THÉMATIQUE...

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) première session Février 2013 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Barème donné à titre indicatif. Exercice

Plus en détail

CSS. Alexandre Benoit TS 2016/2017. D après openclassrooms

CSS. Alexandre Benoit TS 2016/2017. D après openclassrooms CSS D après openclassrooms Alexandre Benoit TS 2016/2017 I Les bases du CSS 2 / 29 Introduction Où écrit t on le CSS? : Dans un nouveau fichier par exemple, nous l écrirons dans le fichier style.css Dans

Plus en détail

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

Plus en détail

Contrôle final Développement Web

Contrôle final Développement Web Université de Batna 3 ème année Licence Pro IIM Faculté des sciences Département d informatique 2015/2016 Durée : 1h30 Le 30/05/2016 Question de cours (4.5 pts) Contrôle final Développement Web 1. Le cycle

Plus en détail

Les raccourcis typographiques de SPIP

Les raccourcis typographiques de SPIP Les raccourcis typographiques de SPIP Depuis la version 1.7, il y a des contributions pour augmenter les possibilités de raccourcis typographiques de SPIP. 1- Les raccourcis "natifs" SPIP est basé sur

Plus en détail