Présenté Par : Khouloud GHARBI
Evolution du nombre de sites web200000001800000016000000140000001200000010000000                         nombre de sites80...
PAR OU COMMENCER?
I. LES LANGAGES:
1.HTML Sert à taper le contenu de votre site web. contient des informations logiques.
2.CSS   Sert à personnaliser votre site web
II. L’EDITEUR:
III. LES BALISES
Une balise commence par "<" et se termine par ">"
   Les balises existant par paire :              <title> titre du site </title>   Les balises seules :                  ...
   Dans la balise <head>       <title> Mon titre</title>       <link href =``infocept.ico`` rel=``icon`` / >       <me...
   Dans la balise <body>       <p> Un paragraphe </p>       <br /> Saut de ligne       <strong> texte en gras </strong...
IV. LES ATTRIBUTS
   Donner des précisions sur une balise   Essentiels ou optionnels   Utilisables avec tout type de balise       Par pa...
   <img src="images/infocept.jpg" alt="infocept"    />       Src : attribut       "images/infocept.jpg" : sa valeur
IV. LES LIENS
   <a href=``http:infocept.ept``> infocept </a>   <a href=``dossiermapage.html``> texte </a>   <a href="mailto:infocept...
   <a href=‘‘#infocept’’ > infocept </a>   <a href=‘‘monsite.html#infocept’’ > infocept    </a>
CSS
   Stylesheet       Création d’un fichier d’extension .css       <link rel="stylesheet" media="screen" type="text/css" ...
   Le CSS plus simple plus efficace        body        {          background: url("data/infocept.jpg") no-repeat top     ...
CSS
   Class    
Html CSS
Html CSS
Html CSS
Html CSS
Html CSS
Html CSS
Upcoming SlideShare
Loading in …5
×

Html CSS

537 views

Published on

  • Be the first to comment

  • Be the first to like this

Html CSS

  1. 1. Présenté Par : Khouloud GHARBI
  2. 2. Evolution du nombre de sites web200000001800000016000000140000001200000010000000 nombre de sites80000000 web600000004000000020000000 0 1996 2000 2005 2008
  3. 3. PAR OU COMMENCER?
  4. 4. I. LES LANGAGES:
  5. 5. 1.HTML Sert à taper le contenu de votre site web. contient des informations logiques.
  6. 6. 2.CSS Sert à personnaliser votre site web
  7. 7. II. L’EDITEUR:
  8. 8. III. LES BALISES
  9. 9. Une balise commence par "<" et se termine par ">"
  10. 10.  Les balises existant par paire : <title> titre du site </title> Les balises seules : <img /> Les commentaires <!-- Commentaire -->
  11. 11.  Dans la balise <head>  <title> Mon titre</title>  <link href =``infocept.ico`` rel=``icon`` / >  <meta />
  12. 12.  Dans la balise <body>  <p> Un paragraphe </p>  <br /> Saut de ligne  <strong> texte en gras </strong>  <h1> Titre très important </h1>  <h6> Titre moins important </h6>
  13. 13. IV. LES ATTRIBUTS
  14. 14.  Donner des précisions sur une balise Essentiels ou optionnels Utilisables avec tout type de balise  Par paires  Seules
  15. 15.  <img src="images/infocept.jpg" alt="infocept" />  Src : attribut  "images/infocept.jpg" : sa valeur
  16. 16. IV. LES LIENS
  17. 17.  <a href=``http:infocept.ept``> infocept </a> <a href=``dossiermapage.html``> texte </a> <a href="mailto:infocept@ept.tn"> nous contacter </a>
  18. 18.  <a href=‘‘#infocept’’ > infocept </a> <a href=‘‘monsite.html#infocept’’ > infocept </a>
  19. 19. CSS
  20. 20.  Stylesheet  Création d’un fichier d’extension .css  <link rel="stylesheet" media="screen" type="text/css" href="cheminmon style.css" />
  21. 21.  Le CSS plus simple plus efficace body { background: url("data/infocept.jpg") no-repeat top center; }
  22. 22. CSS
  23. 23.  Class 

×