Exercice HTML : Attributs de page

Thème

Définition des couleurs en HTML.

Attributs de base d'une page HTML : couleurs du texte et des liens, couleur du fond, image de fond, balises META...

Balises

Spécification des couleurs en HTML
(au niveau des attributs COLOR ou BGCOLOR des tags <BODY>, <FONT>, <TABLE>, <TR>, <TH>, <TD>...)
red = #FF0000 lime = #00FF00 blue = #0000FF
yellow = #FFFF00 fuchsia (magenta) = #FF00FF aqua (cyan) = #00FFFF
black = #000000 white = #FFFFFF  

gray = #808080 green = #008000 maroon = #800000
navy = #000080 olive = #808000 purple = #800080
silver = #C0C0C0 teal = #008080

Attributs de base d'une page HTML (balise BODY)

Rappel : voir aussi la balise <BASEFONT...> et les feuilles de style CSS1 pour changer la couleur du texte globalement pour toute une page.

Balises META
(à placer dans le bloc <HEAD>...</HEAD>)

Balises LINK
(à placer dans le bloc <HEAD>...</HEAD>)

Références

Exercice

Réalisez la page Web représentée par l'image ci-dessous. Cliquez ici pour la faire apparaître dans votre browser.

Vous trouvez l'image "fond_spirale.gif" à placer en arrière-plan sous R:\Enac-It1\Internet.
Essayez aussi de placer l'image "dgr_gris.gif" en arrière-plan.

Corrigé

	<HTML>
	<HEAD>
	  <TITLE>Corrigé Exercice Attributs de page</TITLE>
	</HEAD>
	<BODY BACKGROUND="fond_spirale.gif" TEXT="navy" LINK="red" VLINK="maroon">
	<BLOCKQUOTE>
	
	<H1>Exercice Attributs de page</H1>
	
	<UL>
	<LI>Cette page contient l'image "fond_spirale.gif"...
	<LI>Pour ménager de la place à gauche pour la spirale...
	<LI>La couleur par défaut du texte est le "navy"...
	<LI>Les liens...
	</UL>
	
	<TABLE ALIGN="center" WIDTH="60%" BGCOLOR="silver" BORDER="1">
	<TR>
	<TH COLSPAN="2">Couleur de fond "silver"</TH>
	</TR>
	<TR>
	<TH BGCOLOR="yellow">Fond "yellow"</TH>
	<TH BGCOLOR="lime">Fond "lime"</TH>
	</TR>
	</TABLE>
	
	</BLOCKQUOTE>
	</BODY>
	</HTML>


Exercices HTML © J.-D. Bonjour / ENAC-IT1, EPFL / Révision 18.12.2001