Université de Tébessa Matière : Développement d’Applications Web Travaux Pratiq

Université de Tébessa Matière : Développement d’Applications Web Travaux Pratiques N°6 Niveau : 2LMD Inf Exercice Réalisez la page Web représentée par l'image ci-dessous :  d'abord en définissant un "embedded style sheet"  puis en définissant un "external" stylesheet Vous utilisé l'image "fond_spirale.gif". Corrigé Page Web avec "embedded" style sheet : (voyez comme le code HTML est pur, et ceci malgré une typographie et mise en page relativement sophistiquée) <HTML> <HEAD> <TITLE>Corrigé Exercice CSS1</TITLE> <STYLE TYPE="text/css"> <!-- BODY { margin-left: 50px ; color: navy ; background: white URL(fond_spirale.gif) ; font-family: Arial, Helvetica, sans-serif } A:link { color: red } A:active { color: maroon } A:visited { color: maroon } H1,H2,H3,H4 { text-align: center ; font-family: "Comic Sans MS", sans-serif ; font-size: large } H1 { text-align: center ; color: white ; background: navy } H2,H3,H4 { text-align: left ; color: navy ; background: white } TH { background: silver } TH,TD { font-family: Arial, Helvetica, sans-serif } 1 PRE,TT { font-family: monospace ; color: blue ; font-weight: bold } --> </STYLE> </HEAD> <BODY> <H1> Titre de niveau 1 </H1> <H2>Titre de niveau 2</H2> <UL> <LI>La couleur par défaut du texte est le bleu "navy" <LI>Les titres sont en police "Comic Sans MS" ou sans-serif <LI>Le texte est en police Arial ou Helvetica (sans-serif) <LI>La page contient l'image "fond_spirale.gif" en arrière-plan (image suffisamment large pour ne pas se répliquer horizontalement) <LI>Pour ménager de la place à gauche pour la spirale, on a défini une marge gauche de 50 pixels <LI>Les liens <A HREF="http://www.univ-tebessa.dz"><B>pas encore visités</B></A> sont colorés en "red",<BR> et les liens <A HREF="http://www.univ-tebessa.dz/ICDAR2015/index.htm"><B>déjà visités</B></A> en "maroon"<BR> <LI><TT>Le texte en <PRE> ou <TT> est en couleur "blue" et en police à chasse fixe</TT> </UL> <P> <TABLE ALIGN=center WIDTH=60% BORDER=1> <TR> <TH COLSPAN="2">Couleur de fond "silver"</TH> </TR> <TR> <TD>Texte en police sans empattement</TD> <TD>Texte en police sans empattement</TD> </TR> </TABLE> </BODY> </HTML> "External" style sheet:  extraire de la page HTML tout ce qui est entre <!-- ... --> (balises de commentaire non comprises) et le mettre dans un fichier séparé de nom feuille_style.css  remplacer ces balises de commentaire par la ligne : <LINK REL="stylesheet" HREF="feuille_style.css" TYPE="text/css"> 2 uploads/s3/ travaux-pratiques6.pdf

Tags
Administrationcolor: police background: font-family: sans-serif
Documents similaires
  • 21
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager