Upload
mohamed-anas
View
72
Download
1
Embed Size (px)
Citation preview
Formation <HTML>GROUP FACEBOOK BAC INFO 2014MUHAMMAD ANAS BEN OTHMAN
// HTMLIntroduction à 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 logicielsAide à gagner le temps
// Les éditeurs HTML
Blocnote Notepad++, Sublime text editor Adobe Dreamwaver Microsoft
FrontPage Expression Web WebMatrix
// Les balisesEt leur attribues
// Structure d’une page HTML
Titre de la page
Conte
nue d
e la
page
// 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’ouvertureBalise
de fermeture
// Les attribues
<html lang="fr">attribuevaleur
// Les élémentsQui 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 5Une révolution du web avec CSS 3 et JavaScript
// Site web modern
// Applications mobile
// Développement webSeulement 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 …
FinInsh’allah admis !Contact 50 946 492 / [email protected]/ www.mabo.tn