Formation HTML pour Bac Informatique

Formation <HTML>
GROUP FACEBOOK BAC INFO 2014
MUHAMMAD ANAS BEN OTHMAN

// 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

// 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

// 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

// 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

Contenu connexe

Tendances

En vedette

Similaire à Formation HTML pour Bac Informatique

Formation HTML pour Bac Informatique