Language html Hyper Text Markup Language

Présentations similaires


Présentation au sujet: "Language html Hyper Text Markup Language"— Transcription de 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


Télécharger ppt "Language html Hyper Text Markup Language"
Annonces Google