Les dictionnaires sont des tableaux associatifs dans lesquels chaque clés est reliée à une valeur.
Un dictionnaire se crée avec des accolades.
dico = {} # Création d'une dictionnaire vide
dico = {'clé1' : 'valeur1', 'clé2' : 'valeur1', 'clé3' : 'valeur3'} # Création d'une dictionnaire avec 3 valeurs
Pour ajouter une valeur dans un dictionnaire, il faut indiquer une clé entre crochets.
mon_dico[clé] = valeur # Ajout de valeur à la "position" clé
Si on ajoute une valeur à une clé existante, cela remplacera l'ancienne valeur par la nouvelle.
À savoir : si on boucle sur un dictionnaire, Python nous renverra les clés :
for element in dico:
print(element) # Affiche clé1 puis clé2 puis clé3
Les dictionnaires sont des tableaux associatifs dans lesquels chaque clés est reliée à une valeur.
Un dictionnaire se crée avec des accolades.
dico = {} # Création d'une dictionnaire vide
dico = {'clé1' : 'valeur1', 'clé2' : 'valeur1', 'clé3' : 'valeur3'} # Création d'une dictionnaire avec 3 valeurs
Pour ajouter une valeur dans un dictionnaire, il faut indiquer une clé entre crochets.
mon_dico[clé] = valeur # Ajout de valeur à la "position" clé
Si on ajoute une valeur à une clé existante, cela remplacera l'ancienne valeur par la nouvelle.
À savoir : si on boucle sur un dictionnaire, Python nous renverra les clés :
for element in dico:
print(element) # Affiche clé1 puis clé2 puis clé3
CSS
CSS (Cascading Style Sheets) est une technique pour définir le style des éléments dans des fichiers séparés du fichier HTML.
Pour qu'une page CSS fasse référence à notre page HTML, il faut écrire entre les deux balises HEAD de notre page HTML la ligne suivante.
<LINK href="monstyle.css" rel="stylesheet">
Vous aurez juste à remplacer monstyle.css par le nom de votre fichier CSS.
Le fichier CSS contient le style d’un élément sous la forme :
nomDeLaBalise {
propriété: valeur;
}
Pour changer tous les éléments contenus dans une balise HTML, on écrit le nom de la balise puis les propriétés que l'on souhaite lui attribuer.
Exemple pour tous les éléments des balises h1 :
h1 {
border: solid; Pour qu'il y ait un cadre autour du titre. Il y aura une bordure avec un trait continu (solid).
margin: 0.5cm; Pour qu'il y ait un espace supplémentaire de 0,5 cm à l'extérieur de l'élément.
padding: 0.5cm; Pour qu'il y ait un espace supplémentaire de 0,5 cm à l'intérieur de l'élément.
background-color: blue; Pour que le font du cadre soit de couleur bleu
color: red; Pour que la couleur du titre soit de couleur rouge
}
Si on souhaite modifier un élément d'une balise en particulier, il faudra alors préciser soit un attribut id (pour un seul élément) soit un attribut class (plusieurs éléments) dans la balise contenant l’élément.
Pour le nom d’un attribut id ou class, on peut prendre n’importe quel nom. Il faut juste ne pas utiliser le même nom que des mots clés HTML (head, boby, h1, div, tr, td, …).
Définition d'un attribut class:
<h1 class = "nom_class">Mon titre</h1>
Puis dans la page CSS, il faudra utiliser un point suivi du nom de l'attribut.
.nom_class {
color: green; Pour que la couleur de l'élément soit de couleur verte
font: 170%; Pour augmenter la taille de 170 %
font-family: sans-serif; Pour changer la police d'écriture en sans-serif
}
Pour un attribut id, c'est la même méthode, il faut juste remplacer class par id et utiliser un # à la place du point.