Language html Hyper Text Markup Language Editeur de text Pour ce cours nous vou

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 http://www.profil-couleur.com/pp/326-couleur-html.php Utilitaire pour la gestion de vos couleur: More Les caractères spéciaux Nom Name Espace   © © < < > > É é È è 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 uploads/Ingenierie_Lourd/ chap-1 1 .pdf

  • 22
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager