Programmation Internet Cours 5

Programmation Internet Cours 5

-

Documents
30 pages
Lire
Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

Description

Programmation Internet Cours 5 Kim Nguyên 24 octobre 2011 1 / 23
  • système d'exploitation4
  • fichier style
  • liens hypertextes en rouge
  • programmation internet
  • css
  • kim nguyên
  • style
  • styles
  • lien
  • liens
  • html

Sujets

Informations

Publié par
Nombre de visites sur la page 72
Langue Français
Signaler un problème

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