Télécharger la présentation
1
Language html Hyper Text Markup Language
2
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.
3
Structure d’un site web
Un site web: du contenu (Informations) structuré (organisé, Marqué)
4
HTML Le langage HTML permet de travailler la structure des informations et leur mise en page: Affichage Polices Cadres ….
5
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
6
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
7
Squelette de votre Première page web
8
I- Traitement du text
9
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=?>...</FONT> Début et fin de zone avec cette taille Couleur de caractère [Font color] <FONT COLOR="#$$$$$$"></FONT> Début et fin de 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></CENTER> Centrer
10
La balise spéciale <br>
11
La balise <h1> - <h6>
12
<center> & <b>
13
Exemple
14
Code Couleur Utilitaire pour la gestion de vos couleur:
15
More Les caractères spéciaux Nom Name Espace © © < >
É é È è
16
<DIV align=center> <DIV align=right>
More Plus Complexe Nom Name <NOBR> Empêche un changement de ligne. <DIV align=left> <ADDRESS> pour indiquer une adresse (généralement en fin de document). <DIV align=center> <U> souligne le texte. <DIV align=right> <SUB> <SUP>place le texte en indice, exposant.. <DEL> marquent ceux qui ont été supprimés ou périmés.
17
Exemple
18
Réf. web http://www.netalya.com/fr/cours-html-avances.asp
