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’est une langage de description
 Composé d‘un ensemble des attribues
 Permet de créer des pages web
// 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 Web
 WebMatrix
// 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>
</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
// 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
// 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
 <br> pour retourner à
la ligne
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
// 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
// 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
// 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
 Texte
 Listes
 Image
 Tableau
 Liens hypertexte
 Formulaires
 HTML 5, CSS 3 et JavaScript
 ASP.NET, PHP, Ruby, Java …
Fin
Insh’allah admis !
Contact 50 946 492 / medanasbo@live.com/ www.mabo.tn

Formation HTML pour Bac Informatique

  • 1.
    Formation <HTML> GROUP FACEBOOKBAC INFO 2014 MUHAMMAD ANAS BEN OTHMAN
  • 2.
  • 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.
    // Histoire  TimBeners-Lee  1990  World Wide Web Consortium (W3C)  www.w3.org
  • 5.
    // Future  Pagesweb  Application web  Application mobile  Android  iOS  Windows Phone
  • 6.
    // Les logiciels Aideà gagner le temps
  • 7.
    // Les éditeursHTML  Blocnote  Notepad++, Sublime text editor  Adobe Dreamwaver  Microsoft  FrontPage  Expression Web  WebMatrix
  • 8.
    // Les balises Etleur attribues
  • 9.
    // Structure d’unepage HTML Titre de la page Contenuedelapage
  • 10.
  • 11.
    // Le sourcecode 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.
    // html, headet 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.
  • 14.
    // Les attribues <htmllang="fr"> attribue valeur
  • 15.
    // Les éléments Quidécrit le contenue de votre votre page
  • 16.
    // Titres  Pourinséré un titre on utilise la balise <hn>  On remplace n par le niveau du titre  Les niveaux sont 6
  • 17.
  • 18.
    // Les paragraphes On utilise la balise <p>  Le contenue est écrit entre <p> et </p>
  • 19.
    // Mise enforme  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.
    Mise en forme2  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.
    // 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.
    // Liste nonordonné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.
    // Le rested’éléments // To be continued
  • 24.
    // HTML 5 Unerévolution du web avec CSS 3 et JavaScript
  • 25.
  • 26.
  • 27.
    // Développement web SeulementHTML ne suffit pas de construire un site web dynamique
  • 28.
    // Programmation web ASP.NET  PHP  Ruby  Python  Java  Et autres …
  • 29.
    // Bases dedonnées  Microsoft SQL Server  MySQL  Oracle  Et autres …
  • 30.
    // Web Framework jQuery  NodeJS  Zend Framework  .NET Framework
  • 31.
    // Résumé  IntroductionHTML, 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.
    Fin Insh’allah admis ! Contact50 946 492 / medanasbo@live.com/ www.mabo.tn