La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

HTML ça sert à quoi ? HTML est un langage HTML permet de décrire un document … … surtout sa structure et son contenu.

Présentations similaires


Présentation au sujet: "HTML ça sert à quoi ? HTML est un langage HTML permet de décrire un document … … surtout sa structure et son contenu."— Transcription de la présentation:

1

2 HTML ça sert à quoi ? HTML est un langage HTML permet de décrire un document … … surtout sa structure et son contenu

3 Un peu dhistoire… 1991 : Naissance dHTML 1993 : HTML 1.0, Premier navigateur Internet : Mosaic 1995 : HTML 2.0 1997 : HTML 3.2 et 4.0, support des feuilles de styles 1999 : HTML 4.01 2000 : XHTML 1.0 2001 : XHTML 1.1 2010 : HTML5 1996 : CSS 1.0 1998 : CSS 2.0 Un jour (peut-être) : CSS 3.0

4 HTML ou XHTML ? HTML est une extension de SGML XHTML est une extension de XML Concrètement : HTML est destiné au grand public, XHTML est moins permissif

5 Les bases du HTML HTML est un langage de balisage, cest-à-dire quil utilise des boites pour structurer un document Par exemple, pour définir le titre dune page : On utilise une boite nommée title dans laquelle on place le titre Ma page indique que lon commence une boite Ma page est le titre de ma page indique que lon a fini de déclarer notre titre

6 Les bases du HTML Il existe 2 type de balises : - Celles qui définissent du contenu - Celles qui nont pas de contenu La balise décrit un paragraphe, elle contient donc un contenu : Mon texte. Mais si on souhaite sauter une ligne par exemple, on utilise la balise Il ny a pas de contenu à mettre dans un saut de ligne

7 Les bases du HTML On peut mettre des boites dans des boites Par exemple : Mon texte très intéressant. La balise permet de mettre un morceau de texte en emphase Lexemple donnera : Mon texte très intéressant. La balise permet de mettre un morceau de texte en gras

8 Les bases du HTML Certaines balises ont besoin dinformations supplémentaires Par exemple, pour créer un lien il faut spécifier ladresse de destination : Mon texte intéressant. La balise permet de créer un lien ou un ancre (a = anchor) Lattribut, ou étiquette href indique ladresse. Pour spécifier ladresse de destination on utilise un attribut de la balise, On peut lassimiler à une étiquette collée sur la boite.

9 Les bases du HTML Voici un autre exemple sur une balise qui na pas de contenu : Pour insérer une image : « La balise permet dinsérer une image Lattribut src permet de spécifier limage à afficher (src = source) Lattribut alt permet de spécifier un texte alternatif à limage, dans le cas où celle-ci ne peut pas safficher

10 Les bases du HTML Une image nest pas un contenu ? fichier.jpg Pour des raisons pratiques non. Une image, avant dêtre un contenu, est une ressource (un fichier) pour le navigateur

11 Les bases du HTML HTML, comme tous langages, a des règles Un document doit avoir une structure minimale : Une tête Un corps Le tout dans une boite HTML

12 Les bases du HTML Dans le (la tête) on retrouve les métadonnées (données relatives aux données) décrit le titre de la page Le titre de la page décrit la page, cest donc une information sur les informations Le titre est donc une métadonnée

13 Les bases du HTML Dans le (le corps) on retrouve les données, le contenu de la page La tête et le corps sont dans une boite, la fermeture de cette boite indique que la page est terminée

14 Une dernière chose… Bien choisir la version de (X)HTML dont on a besoin Penser sémantique, le document HTML décrit la structure du document Ainsi que le contenu de la page HTML ne doit pas être utilisé pour mettre en forme une page

15 Une dernière chose… La « tradition » voulait que lon mette en forme une page en utilisant la balise (tableau) Un tableau est représenté mentalement par une grille, ce qui peut paraître plus simple La balise a comme but dafficher des informations tabulaires, Cest-à-dire des informations qui ne peuvent pas être mieux visualisé que par un tableau

16 Une dernière chose… La meilleure méthode est de penser en « calques » ou couches HTML comporte des erreurs de conception, qui sont corrigées au fur et à mesure. ProcesseurPrix AMD Sempron 3000+29,90 Intel Xeon 70413290,00 Par exemple on trouve une balise dans HTML 4.01, qui permet de mettre un texte en italique (but présentationnel)

17 Un petit peu de pratique maintenant !


Télécharger ppt "HTML ça sert à quoi ? HTML est un langage HTML permet de décrire un document … … surtout sa structure et son contenu."

Présentations similaires


Annonces Google