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=?>...</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
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 © © < > É é È è
<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.
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