SlideShare une entreprise Scribd logo
1  sur  6
Les balises
Balise ouvrante

<p>

Contenu

Paragraphe 1

Balise fermante

</p>

Les éléments structurent le document HTML et indiquent au navigateur comment
présenter le site Web (par exemple, <br /> dit au navigateur de faire un saut de
ligne). Certains éléments peuvent recevoir plus d'information. Cette information
supplémentaire est appelée un attribut.
Les attributs
Balise ouvrante et un attribut

<H2 style="background-color:#ff0000;">

Contenu

Votre texte ici

Balise fermante

< /H2 >

Les éléments structurent le document HTML et indiquent au navigateur comment
présenter le site Web (par exemple, <br /> dit au navigateur de faire un saut de
ligne). Certains éléments peuvent recevoir plus d'information. Cette information
supplémentaire est appelée un attribut.
Les liens
Balise ouvrante et un attribut

<a href="http://www.html.net/">

Un lien c’est : Un simple élément

Contenu

Votre texte ici

Balise fermante

< /a >

« a » avec un seul attribut « href »
Les images
Balise ouvrante

Dossier de l’image
image

<img src=«images/david.jpg" alt=" />

Une image c’est : Un simple élément
Présentation1
Présentation1

Contenu connexe

Similaire à Présentation1

Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxtanokouakouludovic
 
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?Eroan Boyer
 
presentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptxpresentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptxBrahimKarimi
 
C2i Web
C2i WebC2i Web
C2i Webc2i
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2Benoît Simard
 
Environnement et technologies web
Environnement et technologies webEnvironnement et technologies web
Environnement et technologies webIrinaTsimpilova1
 
developpement web HTML & CSS web Sémantique
developpement web HTML & CSS web Sémantiquedeveloppement web HTML & CSS web Sémantique
developpement web HTML & CSS web SémantiqueYounesOuladSayad1
 
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010SEO CAMP
 
Concilier accessibilité et SEO
Concilier accessibilité et SEOConcilier accessibilité et SEO
Concilier accessibilité et SEOSébastien Delorme
 
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...Laurent Mottet
 
formation developpement web seance html.pptx
formation developpement web seance html.pptxformation developpement web seance html.pptx
formation developpement web seance html.pptxIdrissaDembl
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5jverrecchia
 

Similaire à Présentation1 (20)

Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
cours Php
cours Phpcours Php
cours Php
 
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
 
HTML
HTMLHTML
HTML
 
HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
 
Cours html5
Cours html5Cours html5
Cours html5
 
BDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdfBDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdf
 
presentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptxpresentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptx
 
C2i Web
C2i WebC2i Web
C2i Web
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
 
Environnement et technologies web
Environnement et technologies webEnvironnement et technologies web
Environnement et technologies web
 
developpement web HTML & CSS web Sémantique
developpement web HTML & CSS web Sémantiquedeveloppement web HTML & CSS web Sémantique
developpement web HTML & CSS web Sémantique
 
Html
HtmlHtml
Html
 
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010
Accessibilité et SEO - Sébastien Delorme - SEO Campus 2010
 
Concilier accessibilité et SEO
Concilier accessibilité et SEOConcilier accessibilité et SEO
Concilier accessibilité et SEO
 
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...
Formation Référencement : Les balises nécessaires pour l'indexation d'une pag...
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
formation developpement web seance html.pptx
formation developpement web seance html.pptxformation developpement web seance html.pptx
formation developpement web seance html.pptx
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Html css-xhtml
Html css-xhtmlHtml css-xhtml
Html css-xhtml
 

Présentation1

  • 1. Les balises Balise ouvrante <p> Contenu Paragraphe 1 Balise fermante </p> Les éléments structurent le document HTML et indiquent au navigateur comment présenter le site Web (par exemple, <br /> dit au navigateur de faire un saut de ligne). Certains éléments peuvent recevoir plus d'information. Cette information supplémentaire est appelée un attribut.
  • 2. Les attributs Balise ouvrante et un attribut <H2 style="background-color:#ff0000;"> Contenu Votre texte ici Balise fermante < /H2 > Les éléments structurent le document HTML et indiquent au navigateur comment présenter le site Web (par exemple, <br /> dit au navigateur de faire un saut de ligne). Certains éléments peuvent recevoir plus d'information. Cette information supplémentaire est appelée un attribut.
  • 3. Les liens Balise ouvrante et un attribut <a href="http://www.html.net/"> Un lien c’est : Un simple élément Contenu Votre texte ici Balise fermante < /a > « a » avec un seul attribut « href »
  • 4. Les images Balise ouvrante Dossier de l’image image <img src=«images/david.jpg" alt=" /> Une image c’est : Un simple élément