Sie sind auf Seite 1von 83

Technologies Web

Pr : Ilham Oumaira

Mail: oumaira@gmail.com
1
Descriptif du Module
Elment(s) du module
Volume horaire (VH)
Cours TD TP
Evaluation VH global
HTML5/CSS3/JAVASCRIPT 10 12 4 26
Langage PHP 12 12 4 28
VH global du module 22 24 8 54


Partie 1: HTML
HTML: le plan
1. Introduction
2. Les balises de structure
3. Les textes
4. Les tableaux
5. Les images
6. Les cadres
7. les formulaires
8. les feuilles de styles Css2
9. les bases du HTML5
10. les feuilles de styles CSS3



Introduction
Internet et le Web
Internet : C'est un rseau de rseaux, sans centre nvralgique, compos de millions de rseaux
aussi bien publics que privs, universitaires, commerciaux et gouvernementaux
Diffrentes applications :
Courrier lectronique
Web
change de fichiers (FTP, peer-to-peer)
Vidoconfrence, forum, chat, collecticiel,
Le World Wide Web (WWW), littralement la toile daraigne mondiale , communment
appel le Web, et parfois la Toile, est un systme hypertexte public fonctionnant sur Internet
permettant de consulter, avec un navigateur, des pages accessibles sur des sites.
Internet ayant t popularis par l'apparition du World Wide Web, les deux sont parfois
confondus par le public non averti. Le World Wide Web n'est pourtant que l'une des
applications d'Internet
Historique du Web (1)
1960 : Projet de cration du rseau ARPANET par DARPA
(Defense Advanced Reseach Projects Agency des Etats Unis). Le but tait
de concevoir un rseau rsistant des attaques militaires.
1969 : Production dun rseau exprimentale de quatre nud reliant ainsi
les universits amricaines travaillant sur ce projet.
1973 :
1973, Cration du protocole TCP/IP ,Langage utilis pour
communiquer entre machines
La premire connexion internationale est ralise entre l' University
College de Londres et le Royal Radar Establishment (Norway).
1980:Tim Berners-Lee, un chercheur au laboratoire CERN de Genve, mit
au point un systme de navigation hypertexte baptis Enquire permettant
de naviguer entre plusieurs sites.



Historique du Web (2)
1990:
Tim Berners-Lee met au point le protocole HTTP (Hyper Text Tranfer
Protocol), ainsi que le langage HTML (HyperText Markup Language)
permettant de naviguer laide de liens hypertextes, travers les rseaux.
Le nom ARPANET est abandonn au profit d' INTERNET
Le World Wide Web est n.
1994 : Cration du W3C (World Wide Web Consortium)
un organisme de normalisation but non lucratif
but : standardisation et dveloppement du Web
prsident : Tim Berners-Lee
1994 : Cration de Yahoo!
1995 : Microsoft lance la guerre des navigateurs : Apparition
dInternet Explorer pour Windows 95
1995 : Altavista : premier gros moteur de recherche
1996 : Navigateur Opera


Historique du Web (3)
1998 : Apparition de Google
2003 : Apple lance Safari
2004 : Premire version de Mozilla Firefox
2004 : premire confrence Web 2.0
2008 : Google lance Google Chrome
Actuellement : explosion du Web mobile

Web 1.0 Web 2.0
Protocole de communication

Un protocole est un ensemble de rgles qui dfinissent un langage
afin de faire communiquer plusieurs ordinateurs.
Les plus utiliss aujourdhui : HTTP, FTP, SMTP, POP.
La plupart des ces protocoles sont btis autour de TCP/IP :
Transmission Control Protocol/Internet Protocol.
Protocole de communication
(TCP/IP)
TCP/IP (Transmission Control Protocol / Internet Protocol) dfinit les
rgles que les ordinateurs doivent respecter pour communiquer entre eux
sur le rseau Internet. Il se base sur la notion dadressage IP
Ladresse IP est une adresse unique attribue chaque ordinateur sur
Internet (cest--dire quil nexiste pas sur Internet deux ordinateurs ayant
la mme adresse IP).
Versions des adresses IP :
Adresse IP version 4 (IPv4) :
les adresses sont codes sur 32 bits. (2
32
= 4 294 967 296 )
les adresses sont gnralement notes avec quatre
champs numriques compris entre 0 et 255, spars par
des points. La version IPv4 est encore actuellement la plus
utilise
Versions des adresses IP :
Adresse IP version 6 (IPv6) :
les adresses sont codes sur 128 bits. 2
128

Elle comprend 8 groupes de 4 chiffres hexadcimaux spars avec :
Exemple
8000:0000:0000:0000:0123:4567:89AB:CDEF
Le protocole HTTP(1)
Le protocole HTTP (HyperText Transfer Protocol) est le
protocole le plus utilis sur Internet .
Il permet un transfert de fichiers
hypertextes(essentiellement au format HTML) localiss
entre un client et un serveur Web
Utilise les adresses URL (Uniform Ressource Locator)
La forme dune adresse URL :
http:\\www.serveur.suffixe
Le protocole HTTP(2)
Correspondance Adresse IP - Url : Les serveurs
DNS
Chaque serveur directement connect internet possde une
adresse IP propre. Cependant, les utilisateurs ne veulent pas utiliser
des adresses numriques du genre 64.64.7.202 mais avec un nom
de domaine plus explicites du type
http://www.univ-ibntofail.ac.ma/ensak/
Ainsi, il est possible dassocier des noms en langage courant aux
adresses numriques grce un systme appel DNS (Domain
Name System).
Un serveur DNS est un ordinateur faisant la liaison entre un nom de
domaine et son adresse IP. Un serveur DNS contient donc une table
de correspondance entre un nom de domaine et adresses IP.
Correspondance Adresse IP - Url : Les serveurs
DNS
Correspondance Adresse IP - Url : Les serveurs
DNS
Interroger un serveur DNS
On peut interroger le serveur DNS pour connatre ladresse IP
correspondant un nom de domaine. Pour cela deux commandes :
nslookup ou ping.
Sous une invite de commandes DOS tapez la commande :
nslookup www.univ-ibntofail.ac.ma
Ou
ping www.univ-ibntofail.ac.ma

Correspondance Adresse IP - Url : Les serveurs
DNS
Langage HTML : Dfinition
HTML : Hyper Text Markup Language est n en 1989 par Tim Berners Lee
C'est un langage de balisage qui permet de mettre en forme des pages html :
apparence et prsentation
Les documents disponibles sur le Web sont crits en langage HTML.
Un document est dit hypertexte lorsquil permet daccder dautres
documents au moyen dun simple clic de souris sur une partie de son texte.
Un document HTML peut incorporer du texte, des images, de l'animation et
du son.



Un exemple avant daller plus loin
Lancer bloc note Tapez le code


Enregistrer le fichier avec le nom: page1. html
Excuter la page
Rsultat
Historique de HTML (1)
Conu par Tim Berners-Lee au CERN en 1990
Driv de SGML- Standard Generalized Markup Language :
SGML est un langage de description de document pour change
entre systmes htrognes.
Rendu populaire en 1993 par Mosaic
Suivi de nombreuses extensions diverses
Novembre 1995: HTML 2.0 dfini par IETF
Janvier 1997: HTML 3.2 dfini par W3C
Dcembre 1997: HTML 4.0 dfini par W3C
HTML+ (1993) et HTML 3.0 (1995) sont non standards
HTML : Evolution
HTML 1.0
Texte de base, images, liens hypertextes
HTML 2.0
Formulaires de saisie
HTML 3.2
Justification (gauche, centre, droite)
Tableaux
quations mathmatiques
HTML 4.0
Feuilles de style

De quoi on a besoin pour crer des pages HTML?
Une page HTML est un fichier du texte qui est compos par:
Le contenu de la page visualiser par le navigateur.
Un certain nombre de commandes appeles balises ou tags
interprts par le navigateur.
Pour crer et visualiser de pages HTML on a besoin d'au moins :
Un diteur de texte tout simple comme par exemple le Bloc-notes ou
Notepad de Windows ou tout autre diteur quivalent.
Un navigateur: Microsoft Internet Explorer, Google chrome, Mozilla
Firefox ,Opera.
Les diteurs HTML
1- Le mode graphique: repose sur le principe de WYSIWYG (What you see is what
you get) (ce que vous voyez est ce que vous obtenez) c..d. la cration se fait
dune faon visuelle.
2 Le mode texte ( ou code ) : lditeur HTML est considr comme un simple
diteur de texte o la gnration de code se fait ligne par ligne.
Exemples des diteurs HTML WYSIWYG :
Dreamweaver: Adobe (Macromedia),complet, payant!!!
Amaya: dvelopp par W3C, gratuit et open-source
NVU / KompoZer: l'diteur HTML de Mozilla


Exemples des diteurs HTML texte
Brackets: lger, rapide et trs complet
Komodo : Komodo edit est gratuit contrairement Komodo IDE
Notepad++: un diteur HTML simple, mais trs rapide, pour diter les
fichiers. Il permet de faire des recherches par mots cls dans les fichiers
et bien paramtr, vous aurez aussi accs l'auto-compltion etc. Il offre
de nombreuses possibilits et peut tre une solution simple pour de
nombreux langages.
NetBeans est un diteur de code gnraliste particulirement adapt
HTML, CSS, PHP et Java. Il offre des outils puissants comme
l'autocompltion et tout un tas d'aide la cration de code. Pour les gros
projets, Netbeans semble mieux convenir alors que notepad++ est peut-
tre plus adapt au petit projets.
Eclipse HTML Editor: pour les habitus de cet IDE
Les Navigateurs Web
Le but principal d'un navigateur est de prsenter la ressource Web que
vous choisissez, en faisant la demande partir du serveur et de l'afficher
sur la fentre du navigateur.
La ressource est gnralement un document HTML, mais peut aussi tre
un PDF, une image ou un autre type. L'emplacement de la ressource est
spcifi par l'utilisateur l'aide d'une URI (Uniform Resource Identifier).
Il existe de nombreux navigateurs Web, pour toutes sortes de matriels
(ordinateur personnel, tlphones mobiles, etc.) et pour diffrents
systmes d'exploitation (GNULinux, Windows, Mac OS, iOS et Android).
Les plus utiliss l'heure actuelle sont:
Google Chrome, Mozilla Firefox, Internet Explorer, Safari et Opera.

Les navigateurs web


Fin de la premire sance

Les balises de structure


Une balise HTML
Les balises sont des instructions HTML
Chacune est encadre par les signes infrieur (" < ") et suprieur
(" > ").
<Instruction HTML>
Elles permettent l'ouverture et la fermeture d'une instruction HTML.
La balise <...> marque le dbut de l'instruction.
La balise </...> marque la fin de l'instruction.

<Instruction HTML>
...
Diverses lments HTML
...
</Instruction HTML>
Document HTML
Structure principale dun document HTML
Corps
Entte

<HTML>
<HEAD>
<TITLE>Exemple de document HTML</TITLE>
</HEAD>

<BODY>
<H1>Mon 1er document HTML</H1>
<P>
Ceci est un document HTML avec un lien hypertexte sur le site de notre
<A HREF="http://www.uit.ac.ma/ensak">Ecole;</A>.
</P>
</BODY>

</HTML>
La balise: DOCTYPE (1)
La Dfinition de Type de Document

La commande DOCTYPE permet de dclarer directement dans le
document le standard pris en compte dans la page.

Cette balise est optionnel.
Les navigateurs ne prennent pas ce paramtre en considration.
En consquence, vous pouvez soit l'ignorer compltement ou
dfinir le standard par dfaut sans que cela n'affecte
l'affichage de la page.
La commande <DOCTYPE " ... "> dfinit le type de document.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
Diverses commandes HTML
</HTML>
La balise: DOCTYPE (2)
La Dfinition de Type de Document
Type de document Standard pris en compte
"-//IETF//DTD HTML Level 1//EN"

HTML 1.0
"-//IETF//DTD HTML//EN"

HTML 2.0
"-//IETF//DTD HTML 3.0//EN"

HTML 3.0
"-//W3C//DTD HTML 3.2//EN"
HTML 3.2

"-//W3C//DTD HTML 4.0
Transitionnal//EN"
HTML 4.0
"-//W3C//DTD HTML 4.0//EN"
HTML 4.0

La balise :HTML
Le document HTML

Une page HTML comporte une balise d'ouverture et une autre de
fermeture

La commande <HTML> marque le dbut du document

La commande </HTML> marque la fin de ce document.
<HTML>
...
Diverses commandes HTML
...
</HTML>
La balise :HTML
Les attributs de HTML
Depuis l'adoption du langage HTML 4.0, il est possible de spcifier
la langue utilise dans la rdaction de la page et galement
l'orientation de l'criture.

L'attribut LANG="Langue" indique la langue utilise.
Les valeurs possibles peuvent tre ; FR pour la France, DE
pour l'Allemagne, ES pour l'Espagne EN pour l'Angleterre,
EN-US pour les Etats-Unis, etc

L'attribut DIR="Direction" spcifie l'orientation.
Ils existent deux options pour une direction :
de droite vers la gauche RTL (Right To Left)
de la gauche vers la droite LTR (Left To Right)

La balise :HEAD
L'entte d'un document
Permettant de regrouper des informations
indispensables pour le rfrencement de la page

Utilis par les moteurs de recherche afin de
dterminer les caractristiques du document en
vue de l'indexation du site dans leur base de
donnes.
Exemple
le titre, les mots cls, l'auteur,
La commande <HEAD> marque le dbut de
l'entte.
La commande </HEAD> marque la fin de de
l'entte.
<HTML>
<HEAD>
...
</HEAD>
...
Diverses commandes HTML
...
</HTML>
La balise :TITLE
L'en-tte doit contenir un seul titre, clair et prcis.
Outre que le titre de la page puisse parfois tre affich dans un
navigateur, les moteurs de recherche l'utilise systmatiquement
dans leurs investigations.
Il convient de choisir son titre avec soins et surtout d'viter de
l'omettre tant donn son importance dans le rfrencement
auprs des outils de recherche.
La commande <TITLE> marque le dbut du titre.
La commande </TITLE> marque la fin de du titre.

<HTML>
<HEAD>
<TITLE>Un titre pertinent</TITLE>
...
</HEAD>
...
Diverses commandes HTML
...
</HTML>
Les balises META
Ces balises sont composs dinformations descriptive sur le site,
elles seront analyss par les robots pour permettre une indexation
dans les moteurs de recherche cest pourquoi elles doivent tre
correctement remplies.
Les balises META doivent tre places entre les balises<HEAD> et
</HEAD>
On distingue 2 types de balises mta :
Les balises mta "name" qui permette de dcrire la page.
Les balises mta "http-equiv" qui envoie des informations
supplmentaires via le protocole HTTP.

Les balises mta "name" (1)
Elles permettent de prciser :
L'auteur de la page grce au mot cl author :
<meta name="author" content="Nom de la personne qui a ralis la page"/>
Ladresse mail de lauteur grce au mot cl Made
< meta name ="Made" content="adresse@eMail" />
Une description de la page grce au mot cl description :
<meta name="description" content="Brve description de la page ici" />
Une liste de mots cls pour qualifier la page grce au mot cl keywords. Ces mots
cls seront spars par des virgules :
<meta name="keywords" content="mot cl 1, mot cl 2, mot cl 3" />
Le logiciel utilis pour raliser la page grce au mot cl generator :
<meta name="generator" content="Adobe Dreamweaver" />

Les balises mta "name " (2)
diriger les robots pour lindexation de la page
<meta name="robots" content="attribut1 , attribut2">
O les champs ATTRIBUT1 et ATTRIBUT2 peuvent prendre les valeurs suivantes :







Exemple
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex, nofollow">



ATTRIBUT1 index page indexer par le robot
noindex interdiction d'indexer la page
ATTRIBUT2 follow le robot peut suivre les liens contenus dans la page
pour indexer d'autres documents
nofollow le robot ne peut pas suivre les liens de la page
Les balises mta "http-equiv"
Elles permettent
de prciser l'encodage utilis pour la page grce au mot cl Content-
Type.. Exemple pour un encodage au format UTF-8 :
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
de prciser une date d'expiration pour la page grce au mot cl expires :
<meta http-equiv="expires" content="Tue, 20 Aug 1996 14:25:27 GMT" />
de demander la page de se raffraichir (= se ractualiser) toutes les N
secondes grce au mot cl refresh.
<meta http-equiv="refresh" content="30" />
de rediriger le visiteur vers une autre page au bout de N secondes grce
au mot cl refresh et la prcision URL=chemin-vers-ma-page.
<meta http-equiv="refresh" content="2;URL=http://www.univ-
ibntofail.ac.ma/ensak/">
Exemple
La balise: BODY
Le corps du document
Le corps de la page contient tous les lments visibles partir d'un
navigateur : les liens, le texte, les images, les lments
multimdias, les formulaires, etc.
La commande <BODY> marque le dbut du corps.
La commande </BODY> marque la fin de du corps.

<HTML>
<HEAD>
<TITLE>Un titre pertinent</TITLE>
<META NAME="Description" CONTENT="...">
</HEAD>
<BODY>
Diverses commandes HTML
</BODY>
</HTML>
La balise: BODY

La plupart des attributs cits ci-aprs, relve des spcifications du HTML
3.2 Le formatage de la page s'effectuant dsormais par l'intermdiaire
des feuilles de style.

Les attributs de la balise: BODY
ATTRIBUTS DE FOND ET DE COULEUR DE TEXTE
Il est possible par des attributs de dterminer la couleur ou (et) une
image de fond pour une page HTML et en outre celle du texte.
Ces couleurs seront les valeurs par dfaut pour l'ensemble de la
page.
L'attribut BGCOLOR="Couleur" donne une couleur de fond au
document HTML.
Les valeurs des couleurs peuvent tre indiques soit par son
code alphanumrique soit par un nom : BGCOLOR="#C000000"
ou BGCOLOR="red".
L'attribut TEXT="Couleur" donne une couleur au texte.
L'attribut BACKGROUND="Adresse de l'image" permet l'affichage
d'une image en arrire plan.
L'attribut BGPROPERTIES="fixed" empche l'image prcite de
dfiler avec le contenu du document.

Noms des couleurs en HTML
La valeur dune couleur est indique soit par son code alphanumrique soit par un
nom entre "" : BGCOLOR="#C000000" ou BGCOLOR="red".
147 noms de couleurs sont dfinis dans les spcifications HTML et CSS (17
couleurs standards et 130 couleurs supplmentaires). Le tableau ci-
dessous liste ces couleurs avec leurs valeurs hexadcimales.
http://www.rpn.ch/ljp/perso/marchalp/InternetRPN/HTML/site_HTML/ref/5-
nom_couleurs.htm
Les 17 couleurs standards sont : aqua, black, blue, fuchsia, gray, grey,
green, lime, maroon, navy, olive, purple, red, silver, teal, white, and
yellow.

Exemple
Rsultat
Exemple
Rsultat
La balise body: La couleur des liens
La balise BODY dispose de 3 attributs lui permettent la mise en couleur des
liens dans diffrentes situations.
L'attribut LINK="Couleur"
donne une couleur pour un lien non-activ.
L'attribut ALINK="Couleur"
donne une couleur pour un lien actif.
L'attribut VLINK="Couleur"
donne une couleur pour un lien dj activ.
Remarque:
si omis, utilisation des couleurs standards (dfinies dans les prfrences utilisateur)
Les commentaires
Les commentaires peuvent tre placer partout dans les lignes de
programmation sauf l'intrieur d'une autre balise.
La balise <!-- ... --> permet l'insertion d'un commentaire.
<BODY>
<!-- Un commentaire -->
...
Diverses commandes HTML
...
</BODY>
<!-- Un commentaire -->
</HTML>

Le texte
Les titres
Exemple de code Rsultat
<H1>Mon titre en H1</H1>
Mon titre en H1
<H2>Mon titre en H2</H2>
Mon titre en H2
<H3>Mon titre en H3</H3>
Mon titre en H3
<H4>Mon titre en H4</H4>
Mon titre en H4
<H5>Mon titre en H5</H5>
Mon titre en H5
<H6>Mon titre en H6</H6>
Mon titre en H6
Les titres

Les balises titres possdent un attribut permettant un alignement
indpendant du reste du document.

L'attribut ALIGN="Type d'alignement" permet l'alignement du titre.
Les options possibles d'alignement sont
"Left" (par dfaut) pour la gauche,
"right" pour la droite ou
"center" pour le centre.

<HTML>
<HEAD>
<</HEAD>
<BODY>
<H1 ALIGN="Alignement">Titre</H1>
...
Diverses commandes HTML
...
</BODY>
</HTML>
Les paragraphes
Une balise permet de formater un texte brut en paragraphe.
La commande <P> marque le dbut du paragraphe.
La commande </P> marque la fin du paragraphe.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1 ALIGN="Alignement">Titre</H1>
<P>Paragraphe</P>
...
Diverses commandes HTML
</BODY>
</HTML>
L'alignement des paragraphes
L'attribut ALIGN="Type d'alignement" permet l'alignement du
texte.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1 ALIGN="Alignement">Titre</H1>
<P ALIGN="Type d'alignement>Paragraphe</P>
...
Diverses commandes HTML
</BODY></HTML>
<H3> ... </H3>
<P ALIGN="center"> ... </P>
<P ALIGN="left"> ... </P>
<P ALIGN="right"> ... </P>
<P ALIGN="justify"> ... </P>
La police de caractres
La balise <FONT.> ..</FONT> permet de dfinir les caractristiques de la
police, en l'occurrence le type, la taille et la couleur des caractres.

Lattribut "FACE" dfinit le type de police,
Lattribut "SIZE" dfinit la taille
Lattribut "COLOR" dfinit la couleur.

La taille de la police
La taille de la police se dfinit par l'attribut "SIZE" de l'instruction "<FONT
... >".
La taille de la police est dtermine partir de sept valeurs (de 1 7)
La valeur par dfaut est 3.
La taille se dfinit galement par rapport la taille par dfaut (ici 0). Soit
-3 -2 -1 0 +1 +2 +3.
Exemple <FONT SIZE="+1 "> ou <FONT SIZE="-2 ">.
La couleur de la police
Lattribut COLOR permet d'appliquer une couleur la police de
caractre

La valeur de la couleur spcifier s'effectue soit par un code
alphanumrique soit par un nom : COLOR="#C000000" ou
COLOR="red".

En outre l'attribut "TEXT" de la commande <BODY> se chargeait dj de
la couleur du texte pour l'ensemble du document tandis que l'attribut
"COLOR" s'applique des portions de texte.
Exemple
La police par dfaut
La commande <BASEFONT> permet de dfinir une police par dfaut.
Cette instruction ne comporte pas de balise de fermeture. En
consquence, l'ensemble du texte se situant derrire la balise se verra
appliquer la police dfinie.
Cependant, cette commande est dconseille si vous utilisez HTML 4.0,
prfrez l'attribut "SIZE" de la balise "<FONT ... >".
L'attribut FACE="Nom de la police" permet d'affecter une police de
caractres par dfaut.
L'attribut SIZE="Taille" permet de dfinir une taille par dfaut.
L'attribut COLOR="Couleur" permet d'affecter une couleur par
dfaut la police.
Remarque:
La balise <basefont> est uniquement supporte par Internet Explorer.

Les retours la ligne
La balise <br> insert un changement de ligne.
La balise <br> est une balise vide, c'est--dire qu'elle ne possde pas de
balise de fin.
Remarque
Utilisez la balise <br> pour insrer des changement de ligne, pas pour
crer des paragraphes.
<BR><BR> : 2 retours la ligne = 1ligne d'espacement

Le codage des caractres spciaux
De la forme : &entit;
& nbsp; Espace inscable & brvbar; | & plusmn;
&pound; &yen; & Oslash;
&copy; &reg; & deg;
&sup2;
2
&sup3;
3
& amp; &
&frac14; &frac12; &frac34;
& agrave; & Agrave & oelig;
& eacute; & Eacute; & euml;
& icirc; & Icirc; & ccedil;
& quot; " & szlig; & ntilde;
& lt; < &gt; > &micro;
68
Texte prformat
Les balises <pre> </pre> obligent le navigateur afficher un texte prformat. Le
navigateur respecte alors les fins de ligne (retours de chariot) et les espaces
insrs.

Les Styles
<b></b>donne un texte en gras: texte en gras
<I></I> donne galement un texte en italique: texte en italique
<TT></TT>donne un texte format avec une fonte espacement
constant (teletype): texte format avec une police espacement
constant
La commande <SUB></SUB> permet d'utiliser les indices dans des
formules
La commande <SUP></SUP> permet d'utiliser les exposants dans des
formules


Les Styles
La commande <BLOCKQUOTE></BLOCKQUOTE> permet
d'emprisonner un paragraphe telle une citation en alina
La commande <STRIKE></STRIKE> permet de rayer un texte

Exemple

Les Listes
Les listes puces
La commande <UL> ouvre une liste puce.
La commande </UL> ferme la liste puce.
La commande <LI> introduit une entre dans la liste.
La commande </LI> ferme une entre dans la liste.
L'attribut TYPE="Forme" de la balise UL donne le type de puces.
Il ya trois valeurs possibles pour lattribut TYPE:
Disque
Square
circle

.
Exemple
Les listes numrotes
Le langage HTML permet de numroter les listes de plusieurs faons par
l'intermdiaire de l'attribut <TYPE> qui s'applique galement dans ce cas.
un attribut spcial permet de commencer une numrotation partir d'un
numro prcis.
La commande <OL> ouvre la liste numrote.
La commande </OL> ferme la liste numrote.
L'attribut START="Valeur de dpart" permet de dbuter la numrotation
un point prcis.
L'attribut TYPE="Type de puces" donne l'apparence des puces.
Les listes numrotes
Les valeurs possibles de lattribut TYPE sont:

i chiffres romains minuscules i, ii, iii, iv, ...
I chiffres romains majuscules I, II, III, IV, ...
a lettres minuscules a, b, c, d, ...
A lettres majuscules A, B, C, D, ...
1 chiffres arabes (option par dfaut) 1, 2, 3, 4, ...

Liste de dfinitions
La commande <DL> ouvre la liste de dfinitions.
La commande </DL> ferme la liste hirarchise.
La commande <DT> ouvre une nouvelle entre.
La commande <DD> permet d'affecter un texte descriptif la balise
prcdente
Exemple
Rsultat
80
Cration de lignes horizontales
<HR SIZE="s"
WIDTH="w|w%"
ALIGN="LEFT|CENTER|RIGHT"
COLOR="#RRVVBB"
NOSHADE >

SIZE : paisseur en pixel de la ligne

WIDTH : largeur de la ligne.
Peut s'exprimer en valeur absolue (pixels) ou en valeur relative
(pourcentage de la largeur de la fentre)

ALIGN : alignement gauche|au centre| droite dans la fentre (
utiliser si la ligne ne fait pas toute la largeur de la fentre)
81
Cration de lignes horizontales
<HR>
Utilise sans option, cette balise produit une ligne grise ombre de 1
pixel d'paisseur faisant toute la largeur de la fentre
Attention, options particulires certains navigateurs !
COLOR="#RRVVBB"
Option valable avec Internet Explorer
Permet de spcifier la couleur de la ligne
NOSHADE
Permet de dsactiver l'ombrage de la ligne
Exemple


La suite , la semaine prochaine !!

Das könnte Ihnen auch gefallen