Chap 1

Transféré par

Mahdi Lahdili
3 vues18 pages

Titre original

chap1

Copyright

© © All Rights Reserved

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Signaler ce document

Droits d'auteur :

© All Rights Reserved
Signaler comme contenu inapproprié
3 vues18 pages

Chap 1

Titre original :

chap1

Transféré par

Mahdi Lahdili

Droits d'auteur :

© All Rights Reserved
Signaler comme contenu inapproprié
sur 18

Language html

Hyper Text Markup


Language
Editeur de text
Pour ce cours nous vous conseillons de
télécharger le logiciel gratuit “Notepad++”
Editeur de texte basic qui permet de colorer les
balises html.
http://notepad-plus-plus.org/fr/download/v6.2.3.html
Structure d’un site web
Un site web: du contenu (Informations)
structuré (organisé, Marqué)
HTML
Le langage HTML permet de travailler la
structure des informations et leur mise en
page:

- Affichage
- Polices
- Cadres
- ….
Les balises de bases
• <TITLE> : titre d’une page
• <BR> : passage à la ligne suivante
• <H1> à <H6> : taille du texte
• <CENTER> : pour centrer le contenu
• <B> : caractères gras
• <FONT> : police de caractère
• <FORM> : formulaire
• <FRAME> : cadre
• <IMG> : image
• <TABLE> : tableau
• <TH> : légende de ligne ou de colonne
• <TR> : ligne d’un tableau
• <TD> : colonne d’un tableau
• <P> : séparation des paragraphes
• <OL> : liste numérotée
Squelette de votre Première
page web
<HTML>

<HEAD>
Zonne Entête: contient des informations générale sur la
page web
</HEAD>

<BODY>

Corps de la page web: Contenu

</BODY>
</HTML>
Mandatory tags
Squelette de votre Première
page web
I- Traitement du text
Les balises élémentaires
Nom Name Balise Fonction
Gras [Bold] <B>...</B> Début et fin de
zone en gras
Italique [Italic] <I>...</I> Début et fin de
zone en italique
Taille de caractère [Font size] <FONT SIZE=? Début et fin de
>...</FONT> zone avec cette
taille
Couleur de [Font color] <FONT COLOR="# Début et fin de
caractère $$$$$$"></FONT> zone en couleur
A la ligne [Line break] <BR> Aller à la ligne
Commentaires [Comments] <!-- *** --> Ne pas afficher
Paragraphe [Paragraph] <P> Début d'un
nouveau
paragraphe
Centrage [Center] <CENTER></ Centrer
CENTER>
La balise spéciale <br>
La balise <h1> - <h6>
<center> & <b>
Exemple
Code Couleur

Utilitaire pour la gestion de vos couleur:

http://www.profil-couleur.com/pp/326-couleur-html.php
More
Les caractères spéciaux
Nom Name

Espace &nbsp;

© &copy;

< &lt;

> &gt;

É &eacute;
È &egrave;
More
Plus Complexe
Nom Name
<NOBR> Empêche un
<DIV align=left>
changement de ligne.
<ADDRESS> pour indiquer
une adresse (généralement en <DIV align=center>
fin de document).

<U> souligne le texte. <DIV align=right>

<DEL> marquent ceux qui ont


<SUB> <SUP>place le texte
été supprimés ou périmés.
en indice, exposant..
Exemple
Réf. web

http://www.netalya.com/fr/cours-html-avances.asp

http://blog.lescan.ca/media/cours_html.pdf

http://www.youtube.com/watch?v=WRdTXaz4_Ls&feature=relmfu

Vous aimerez peut-être aussi