Formation <HTML>
GROUP FACEBOOK BAC INFO 2014
MUHAMMAD ANAS BEN OTHMAN
// HTML
Introduction à HTML
// Définition
 HTML = Hypertext Markup Language
 À pour extension .html et .htm
 C’est une langage du programmation
 C...
// Histoire
 Tim Beners-Lee
 1990
 World Wide Web
Consortium (W3C)
 www.w3.org
// Future
 Pages web
 Application web
 Application mobile
 Android
 iOS
 Windows Phone
// Les logiciels
Aide à gagner le temps
// Les éditeurs HTML
 Blocnote
 Notepad++, Sublime text editor
 Adobe Dreamwaver
 Microsoft
 FrontPage
 Expression W...
// Les balises
Et leur attribues
// Structure d’une page HTML
Titre de la page
Contenuedelapage
// Comment en HTML ?
// Le source code de la page
<html>
<head>
<title>Titre de la page</title>
<head>
<body>
<h1>Mon premier page HTML</h1>
</...
// html, head et body
 <html> définir le type de document qui est
« Page web »
 <head> contient le titre de la page
 <b...
// Les balises
<p>…</p>
Balise
d’ouverture
Balise
de fermeture
// Les attribues
<html lang="fr">
attribue valeur
// Les éléments
Qui décrit le contenue de votre votre page
// Titres
 Pour inséré un titre on
utilise la balise <hn>
 On remplace n par le
niveau du titre
 Les niveaux sont 6
// Code
// Les paragraphes
 On utilise la balise <p>
 Le contenue est écrit
entre <p> et </p>
// Mise en forme
 On utilise <b> pour
inséré un texte en gras
 <u> pour un texte
souligné
 <i> pour un texte
italique
...
Mise en forme 2
 L’attriue « color » décrit
le couleur du texte
 L’attribue « size » décrit
la taille du texte
 Il y a ...
// Liste ordonnée
 <ol> signifie que la
liste à insérer doit être
ordonnée
 <li> est un élément de
la liste
 Utilisant ...
// Liste non ordonnée
 <ul> est la liste non
oronnée
 <li> est un élément de
la liste
 Utilisant l’attribue
« type » on...
// Le reste d’éléments
// To be continued
// HTML 5
Une révolution du web avec CSS 3 et JavaScript
// Site web modern
// Applications mobile
// Développement web
Seulement HTML ne suffit pas de construire un site web
dynamique
// Programmation web
 ASP.NET
 PHP
 Ruby
 Python
 Java
 Et autres …
// Bases de données
 Microsoft SQL Server
 MySQL
 Oracle
 Et autres …
// Web Framework
 jQuery
 NodeJS
 Zend Framework
 .NET Framework
// Résumé
 Introduction HTML, définition, histoire et future
 Les logiciels
 Les balises, les attribues
 Les éléments
...
Fin
Insh’allah admis !
Contact 50 946 492 / medanasbo@live.com/ www.mabo.tn
Prochain SlideShare
Chargement dans…5
×

Formation HTML pour Bac Informatique

565 vues

Publié le

Présentation de resumé de HTML pour Bac Informatique

Publié dans : Logiciels
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
565
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
26
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Formation HTML pour Bac Informatique

  1. 1. Formation <HTML> GROUP FACEBOOK BAC INFO 2014 MUHAMMAD ANAS BEN OTHMAN
  2. 2. // HTML Introduction à HTML
  3. 3. // Définition  HTML = Hypertext Markup Language  À pour extension .html et .htm  C’est une langage du programmation  C’est une langage de description  Composé d‘un ensemble des attribues  Permet de créer des pages web
  4. 4. // Histoire  Tim Beners-Lee  1990  World Wide Web Consortium (W3C)  www.w3.org
  5. 5. // Future  Pages web  Application web  Application mobile  Android  iOS  Windows Phone
  6. 6. // Les logiciels Aide à gagner le temps
  7. 7. // Les éditeurs HTML  Blocnote  Notepad++, Sublime text editor  Adobe Dreamwaver  Microsoft  FrontPage  Expression Web  WebMatrix
  8. 8. // Les balises Et leur attribues
  9. 9. // Structure d’une page HTML Titre de la page Contenuedelapage
  10. 10. // Comment en HTML ?
  11. 11. // Le source code de la page <html> <head> <title>Titre de la page</title> <head> <body> <h1>Mon premier page HTML</h1> </body> </html>  <mot> est une balise  </mot> en ajoute un slash pour définir la fin du balise <mot>  <body> c’est la balise qui contient le contenue de la page  <title> c’est la balise qui contient le titre de la page
  12. 12. // html, head et body  <html> définir le type de document qui est « Page web »  <head> contient le titre de la page  <body> contient les balises qui décrit de la page
  13. 13. // Les balises <p>…</p> Balise d’ouverture Balise de fermeture
  14. 14. // Les attribues <html lang="fr"> attribue valeur
  15. 15. // Les éléments Qui décrit le contenue de votre votre page
  16. 16. // Titres  Pour inséré un titre on utilise la balise <hn>  On remplace n par le niveau du titre  Les niveaux sont 6
  17. 17. // Code
  18. 18. // Les paragraphes  On utilise la balise <p>  Le contenue est écrit entre <p> et </p>
  19. 19. // Mise en forme  On utilise <b> pour inséré un texte en gras  <u> pour un texte souligné  <i> pour un texte italique  <br> pour retourner à la ligne
  20. 20. Mise en forme 2  L’attriue « color » décrit le couleur du texte  L’attribue « size » décrit la taille du texte  Il y a 7 tailles entre 1 et 7
  21. 21. // Liste ordonnée  <ol> signifie que la liste à insérer doit être ordonnée  <li> est un élément de la liste  Utilisant l’attribue « type » on peut changer l’ordre par alphabet, numérique ou nombres Romans
  22. 22. // Liste non ordonnée  <ul> est la liste non oronnée  <li> est un élément de la liste  Utilisant l’attribue « type » on peut changer le cercle par carreau ou cercle vide
  23. 23. // Le reste d’éléments // To be continued
  24. 24. // HTML 5 Une révolution du web avec CSS 3 et JavaScript
  25. 25. // Site web modern
  26. 26. // Applications mobile
  27. 27. // Développement web Seulement HTML ne suffit pas de construire un site web dynamique
  28. 28. // Programmation web  ASP.NET  PHP  Ruby  Python  Java  Et autres …
  29. 29. // Bases de données  Microsoft SQL Server  MySQL  Oracle  Et autres …
  30. 30. // Web Framework  jQuery  NodeJS  Zend Framework  .NET Framework
  31. 31. // Résumé  Introduction HTML, définition, histoire et future  Les logiciels  Les balises, les attribues  Les éléments  Texte  Listes  Image  Tableau  Liens hypertexte  Formulaires  HTML 5, CSS 3 et JavaScript  ASP.NET, PHP, Ruby, Java …
  32. 32. Fin Insh’allah admis ! Contact 50 946 492 / medanasbo@live.com/ www.mabo.tn

×