Programmation Internet Cours 5
30
pages
Français
Documents
Le téléchargement nécessite un accès à la bibliothèque YouScribe Tout savoir sur nos offres
30
pages
Français
Documents
Le téléchargement nécessite un accès à la bibliothèque YouScribe Tout savoir sur nos offres
- système d'exploitation4
- fichier style
- liens hypertextes en rouge
- programmation internet
- css
- kim nguyên
- style
- styles
- lien
- liens
- html
ProgrammationInternet
Cours5
KimNguyŒn
http://www.lri.fr/~kn
24octobre2011
1/23Plan
1. SystŁmed’exploitation4
2. RØseauetInternet4
3. Web4
4. CSS
4.1 Introduction
4.1 Bo tes
4.2 AutrespropriØtØs
4.3 SØlecteurs
2/23CascadingStyleSheets(CSS)
CSS: formatpermettantdedØcrirelestylegraphiquedes
ØlØmentscontenudansunepageHTML.
OnpeutappliquerunstyleCSS:
I àunØlØment,enutilisantl’attributstyle
I àunepage,enl’ØlØment<style>danslasection
<head>
I àunensembledepagesenrØfØren antun chier .css
contenantlesinformationsdestyle.
Exemple:mettreleslienshypertextesenrouge
3/23Apper u:
Unlien
InconvØnients:
I Ondoitrecopierl’attributpourtousles<a >delapage.
I Di cileàmodi er.
L’attributstyle
<a href="..." style="color:red;" >Un lien</a>
4/23InconvØnients:
I Ondoitrecopierl’attributpourtousles<a >delapage.
I Di cileàmodi er.
L’attributstyle
<a href="..." style="color:red;" >Un lien</a>
Apper u:
Unlien
4/23L’attributstyle
<a href="..." style="color:red;" >Un lien</a>
Apper u:
Unlien
InconvØnients:
I Ondoitrecopierl’attributpourtousles<a >delapage.
I Di cileàmodi er.
4/23Apper u:
Lien1 Lien2
InconvØnient:neconcernequelapagecontenant<style>
L’ØlØment<style>
<html>
<head>
<style> a { color: red; }
</style>
</head>
<body>
<a href="...">Lien 1</a> <a href="...">Lien 2</a>
</body>
</html>
5/23InconvØnient:neconcernequelapagecontenant<style>
L’ØlØment<style>
<html>
<head>
<style> a { color: red; }
</style>
</head>
<body>
<a href="...">Lien 1</a> <a href="...">Lien 2</a>
</body>
</html>
Apper u:
Lien1 Lien2
5/23L’ØlØment<style>
<html>
<head>
<style> a { color: red; }
</style>
</head>
<body>
<a href="...">Lien 1</a> <a href="...">Lien 2</a>
</body>
</html>
Apper u:
Lien1 Lien2
InconvØnient:neconcernequelapagecontenant<style>
5/23FichierCSS
FichierHTML
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
: : :
</html>
Fichierstyle.css
a { color: red; }
I OnpeutappliquerlemŒmestyleàplusieurspages
I Onpeuttesterfacilementunautrestyle(enchangeantle
chier style.css)
6/23
