SlideShare a Scribd company logo
1 of 7
Création d’une page HTML

Le code en html est dans le bloc note au
format « TXT »

Enregistrement en
format « HTML

Lecture
Composition d’une page HTML
Une page internet, codée en HTML
comprend :
Un navigateur pour lire
les requêtes (le code
HTML)

Des éléments rattachés, images,
vidéos, lecteurs musicaux, placés dans
des répertoires (des dossiers)
soigneusement organisés.

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

images
<img src=«Musique/musique.mp3"
alt=" />

image.jpg

image1.jpg

musique.mp3

Musique
musique1.mp3
Le serveur Internet
Transfert des données

La page sur le serveur
Création de la page
<img src=«images/image.jpg "
alt=" />

Modification de
l’emplacement donc
de l’adresse
<img src=«www.nextsend/images/image.jpg "
alt=" />

images

image.jpg

images

image.jpg

Internaute
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

More Related Content

Viewers also liked

Primauté du droit
Primauté du droitPrimauté du droit
Primauté du droitnbteacher
 
2.2.1luminairesdesign
2.2.1luminairesdesign2.2.1luminairesdesign
2.2.1luminairesdesignTalia Carbis
 
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...joseluis.gonzalez
 
Le superviseur et le y extrait 2014
Le superviseur et le y extrait 2014Le superviseur et le y extrait 2014
Le superviseur et le y extrait 2014Claude Munger
 
Ingeniería de Sistemas
Ingeniería de SistemasIngeniería de Sistemas
Ingeniería de SistemasJorge830224
 
Equipo14 practicapowerpointparte2
Equipo14 practicapowerpointparte2Equipo14 practicapowerpointparte2
Equipo14 practicapowerpointparte2IanLemus15
 
What's up Digital #03 - by ELAN
What's up Digital #03 - by ELANWhat's up Digital #03 - by ELAN
What's up Digital #03 - by ELANAgence Elan
 
Exposición en la Escuela de Arquitectura
Exposición en la Escuela de ArquitecturaExposición en la Escuela de Arquitectura
Exposición en la Escuela de Arquitecturakannaya
 
Presentation parcours-croises-2013
Presentation parcours-croises-2013Presentation parcours-croises-2013
Presentation parcours-croises-2013Groupe AFNOR
 
Centre technique-brochure
Centre technique-brochureCentre technique-brochure
Centre technique-brochureAREVA
 
Elteclas.com
Elteclas.comElteclas.com
Elteclas.comgfrances
 
¿Me prestas unos ciclos? Hacia el supercomputador sigiloso
¿Me prestas unos ciclos? Hacia el supercomputador sigiloso¿Me prestas unos ciclos? Hacia el supercomputador sigiloso
¿Me prestas unos ciclos? Hacia el supercomputador sigilosoFernando Tricas García
 

Viewers also liked (20)

Primauté du droit
Primauté du droitPrimauté du droit
Primauté du droit
 
2.2.1luminairesdesign
2.2.1luminairesdesign2.2.1luminairesdesign
2.2.1luminairesdesign
 
FinistJUG - Apache TomEE
FinistJUG - Apache TomEEFinistJUG - Apache TomEE
FinistJUG - Apache TomEE
 
Buenhumor
BuenhumorBuenhumor
Buenhumor
 
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...
Docencia / Investigación, tecnologias y biblioteca: la convergencia en la ges...
 
Le superviseur et le y extrait 2014
Le superviseur et le y extrait 2014Le superviseur et le y extrait 2014
Le superviseur et le y extrait 2014
 
Ingeniería de Sistemas
Ingeniería de SistemasIngeniería de Sistemas
Ingeniería de Sistemas
 
Equipo14 practicapowerpointparte2
Equipo14 practicapowerpointparte2Equipo14 practicapowerpointparte2
Equipo14 practicapowerpointparte2
 
What's up Digital #03 - by ELAN
What's up Digital #03 - by ELANWhat's up Digital #03 - by ELAN
What's up Digital #03 - by ELAN
 
Exposición en la Escuela de Arquitectura
Exposición en la Escuela de ArquitecturaExposición en la Escuela de Arquitectura
Exposición en la Escuela de Arquitectura
 
Sasha presentacion
Sasha presentacionSasha presentacion
Sasha presentacion
 
Enciclopedias Colaborativas en catalan DiM Trams
Enciclopedias Colaborativas en catalan DiM TramsEnciclopedias Colaborativas en catalan DiM Trams
Enciclopedias Colaborativas en catalan DiM Trams
 
Presentation parcours-croises-2013
Presentation parcours-croises-2013Presentation parcours-croises-2013
Presentation parcours-croises-2013
 
impresora
impresoraimpresora
impresora
 
Wiki Ruche Rennes
Wiki Ruche RennesWiki Ruche Rennes
Wiki Ruche Rennes
 
Centre technique-brochure
Centre technique-brochureCentre technique-brochure
Centre technique-brochure
 
Elteclas.com
Elteclas.comElteclas.com
Elteclas.com
 
Iphonographie
IphonographieIphonographie
Iphonographie
 
¿Me prestas unos ciclos? Hacia el supercomputador sigiloso
¿Me prestas unos ciclos? Hacia el supercomputador sigiloso¿Me prestas unos ciclos? Hacia el supercomputador sigiloso
¿Me prestas unos ciclos? Hacia el supercomputador sigiloso
 
Innovation Sociale
Innovation SocialeInnovation Sociale
Innovation Sociale
 

More from webinitiation

More from webinitiation (6)

Lachartegraphique
LachartegraphiqueLachartegraphique
Lachartegraphique
 
Cominterne
CominterneCominterne
Cominterne
 
Présentation1(2)
Présentation1(2)Présentation1(2)
Présentation1(2)
 
Coupe de france juniors
Coupe de france juniorsCoupe de france juniors
Coupe de france juniors
 
Présentation1(1)
Présentation1(1)Présentation1(1)
Présentation1(1)
 
Les capitales de l’europe
Les capitales de l’europeLes capitales de l’europe
Les capitales de l’europe
 

Présentation1(1)

  • 1. Création d’une page HTML Le code en html est dans le bloc note au format « TXT » Enregistrement en format « HTML Lecture
  • 2. Composition d’une page HTML Une page internet, codée en HTML comprend : Un navigateur pour lire les requêtes (le code HTML) Des éléments rattachés, images, vidéos, lecteurs musicaux, placés dans des répertoires (des dossiers) soigneusement organisés. <img src=«images/image.jpg " alt=" /> images <img src=«Musique/musique.mp3" alt=" /> image.jpg image1.jpg musique.mp3 Musique musique1.mp3
  • 3. Le serveur Internet Transfert des données La page sur le serveur Création de la page <img src=«images/image.jpg " alt=" /> Modification de l’emplacement donc de l’adresse <img src=«www.nextsend/images/image.jpg " alt=" /> images image.jpg images image.jpg Internaute
  • 4. 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.
  • 5. 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.
  • 6. 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 »
  • 7. Les images Balise ouvrante Dossier de l’image image <img src=«images/david.jpg" alt=" /> Une image c’est : Un simple élément