1.Introduction
2.Mise
en forme du texte
3.Les images
4.Les liens
5.Les listes
6.Les tableaux
7.Les formulaires
8.Les cadres
9.Vidéo & son
10.Deplacez vos pages vers un serveur web
Introduction:
Tout d’abord qu’est-ce qu’une
page web ?
Eh bien c’est un fichier texte avec l’extinction .htm ou
.html, qui contient du texte et l’emplacement des images. Pour
définir la manière dont tous ces éléments
seront affichés on utilise un langage de balisage, le HTML (c’est
bien un langage de description et non un langage de programmation).
Les fichiers HTML ne sont pas compilés et on peut toujours voir
le code de la page tel quel l’a écrit son auteur.
Une
page basique.
Une page web qui affiche juste un mot « bonjour » ouverte
avec un éditeur de texte tel que bloc-notes de Windows contient
ceci :
<html>
<head>
</head>
<body>
Bonjour
</body>
</html>
Les
mots incompréhensibles (en tout cas pour l’instant) qui
se trouvent entre les signes < et > sont des balises du langage
HTML. Vous avez sûrement remarqué que pour chaque balise
on retrouve la même balise mais précédée
par un slache /, par exemple :
<html>
et </html>
La
première balise s’appelle ouvrante et l’autre fermante.
Ce qui ce trouve entre la balise ouvrante et la balise fermente est
modifié par ces balises, par exemple : <b>Bonjour</b>
« Bonjour » sera affiché en gras car il est entre
les balises <b> et </b>.
C’est le principe du HTML.
Principes
du HTML.
Toutes les balises d’une page web écrite en HTML sont placées
entre les balises <html> et
</html> (les lettres peuvent être écrites
en majuscules <HTML> et </HTML>)
ce qui signale au navigateur qu’il a affaire à du code
HTML.
Ensuite
la page se divise en deux parties, <head>
</head> et <body>
</body>.
Head (tête en anglais) est la partie en-tête de la page,
tout ce qu’elle contient n’est jamais affiché. Elle
peut contenir des feuilles de style que nous verrons plus loin, des
applets java ou les balises <title>
et </title>. Le texte qui se trouve
entre ces dernières est affiché dans la barre de titre
(tout en haut de la fenêtre du navigateur). La partie «
body » contient tout le contenu qui sera affiché.
Avec ce schéma vous devriez y voir plus clair :
<html>
<= indique le début d'un document HTML
<head>
<= début
de l'en-tête u document
<title>Le titre de la page</title>
<= titre affiché dans la barre de titre
</head>
<= fin de
l'en-tête
<body>
<=
début du corps du document HTML
Bonjour
<= contenu du corps
sera affiché
</body>
<= fin du corps du
document
</html>
<= fin du document
HTML
Astuce
: pour afficher le code source d’une page web que vous visitez
dans votre navigateur cliquez sur le menu « Affichage »
puis sur « code source » ou « afficher le code source
».
La
plupart des balises peuvent avoir des attributs (leur propriétés),
ces attributs sont ajoutés à la balise ouvrante :
<font
face=«Verdana» > Bonjour !</font>
La
balise <font> permet d’affecter
une police, une couleur, une taille et un alignement. On ajoute à
la balise <font> un attribut : "face"
et on lui donne la valeur de "Verdana",
donc se qui se trouve entre <font face= "Verdana">
et </font> sera affiché en
Verdana. Voici un schéma de cette syntaxe :
<balise
attribut="valeur"> … </balise>
Balise
: la balise utilisée, par exemple <html>
ou <body>.
Attribut
: attribut de cette balise, par exemple l’attribut face pour la
balise font, nous verrons ensuite d’autres attributs de font.
Un attribut a toujours une valeur, il est donc suivi d’un signe
« = ». Une balise peut avoir plusieurs attributs qui doivent
être séparés par un espace.
Valeur
: La valeur d’un attribut est toujours place entre guillemets.
Voilà
vous connaissez maintenant les principes du HTML, vous pouvez à
présent passer à la leçon suivante.
BIENTOT
LE RESEAU NET-ALL SERA FIN PRET ! ET CA VA CHANGER SUR LE NET !
|
Webmasters
gagnez de l'argent
en mettat des pubs !! RENDEMENT ASSURE !!!
UTILISE PAR NET-ALL !!
Le site de vente de matos hight tech le plus connut sur le web
francais ! Prix redoutables !!
Ce site recherche pour vous le toute sorte de materiel informatique
aux prix les plus bas ! livré chez vous et sans arnaque
! faites y un tour, vous trouverez tout !
Cherchez
vos logos/big logos/sonneries polyphoniques... sur ce moteur de
recherche :
Canulars
téléphoniques :
|
|