Annexes 2024

m
Annexe HTMLs
Eléments de 1er Eléments de
niveau
<html> Représente la racine d'un document HTML. section
<header> Conteneur pour le contenu d'introduction ou un
<head> Conteneur de métadonnées placé entre la balise ensemble de liens de navigation.
<html> et la balise <body'->- --- - ----i <nav> 1 Définit un ensemble de liens de navigation.
HTML
1
<body> Définit le corps du document. -- <footer> Définit un pied de page pour un document ou une
section.
<section> Définit une section dans un document.
Eléments d'en-tête
1
<article> Spécifie un contenu indépendant et autonome.

<link> Définit la relation entre le document actuel et une
<aside> 1 Définit un contenu en dehors du contenu principal.
ressource externe.
Souvent JJlacé sous forme de barre latérale.
<meta> 1 Définit les métadonnées du document.
<main> Définit le contenu principal d'un document.
<script> Intègre un script côté client (JavaScript).
<style> 1 Définit les informations de style (CSS) pour un
document. Eléments de structuration de texte et
<title> Définit le titre du document.
média
<cite> Définit le titre d'une œuvre.
<p> 1
Définit un paragraphe.
Boite <source> Spécifie plusieurs ressources multimédias pour les
<span> Regroupe des éléments dans un éléments multimédias.
bloc de contenu. <hn> 1
Définit un titre de niveau n (de 1à 6).
<div> Grouper plusieurs éléments Html <hr> Définit une rupture thématique sous forme de ligne
t------+1 -d_e_ty, JJe black. horizontale.
<iframe> Définit un cadre en ligne. <img> 1
Intègre une image.
<figure> Spécifie un conteneur autonome qui peut contenir
divers éléments.
Tableau Définit une légende pour un élément <figure>.
<figcaption> 1
<table> Définit un tableau.

<audio> Intégrer du contenu sonore dans un document.
<caption> 1 Définit une légende de tableau. <video> Intègre du contenu vidéo dans un document.
<tr> Définit une ligne dans un tableau.
1
<a> Définit un lien hypertexte via l'attribut href

<th> 1 Définit une cellule d'en-tête dans un tableau. <br> Définit un retour à la ligne.
<td> Définit une cellule dans un tableau. 1
<address> Définit les coordonnées de

l'auteur/propriétaire d'un document ou d'un
<mark> Définit le texte qui doit être marqué ou mis en
Formulaire surbrillance.
1
<form> Crée un formulaire HTML. <details> Spécifie des détails supplémentaires que l'utilisateur
<fieldset> 1 Regroupe des éléments liés dans un formulaire. peut ouvrir et fermer à la demande.
<legend> Définit une légende pour l'élément <fieldset>. <summary> 1 Définit un en-tête visible pour l'élément <details>.
<label> Définit un libellé pour un élément graphique.
1
Listes
<input> Définit un champ de saisie de types : "button", "time",
"checkbox", "date", "email", "image", "number", <ul> Définit une liste à puces.
"password", "radio", "range", "reset", "submit", "tel",
11
"text "url". <ol> Définit une liste ordonnée.
1
,
<textarea> 1 Définit une zone de saisie de texte multilignes. <li>Définit un élément dans une liste.
<select> Définit une liste déroulante.
<datalist> 1 Spécifie une liste d'options prédéfinies connectée à un
élément <input>.
<option> Définit une option dans une liste de sélection.
Attributs globaux
classSpécifie un nom de classe pour un élément. hidden 1 Renseigne la visibilité d'un élément.
idSpécifie un identifiant unique pour un élément HTML.
lang1 Spécifie la langue du contenu de l'élément. styleSpécifie un style en ligne.
title1 Spécifie des informations supplémentaires sur un
élément.
Evènements
onblur Se déclenche au moment où l'élément perd le
focus.
onclick 1 Se déclenche lors d'un clic sur l'élément.
onfocus Se déclenche au moment où l'élément obtient le

focus.
oninput 1 Se déclenche dès que la valeur d'un élément a
changé.
onload Se déclenche lorsque la page est complètement
chargée.
onmouseover 1 Se déclenche lorsque le pointeur de la souris
survole l'élément.
onsubmit Se déclenche lorsqu'un formulaire est soumis.
Q Annexe CSS3
Sélecteurs
Définit des filtres sur un élément (blur() ;
* Sélectionne tous les éléments.
grayscale() ; i nvert()).
element' 1 Sélectionne tous les éléments de type element.
Cible un élément en fonction de la valeur de son Propriétés des tableaux
#id
attribut id. Définit la façon de disposer les cellules, lignes
table-layout et colonnes d'un tableau.
1 Cible les éléments en fonction de la valeur de leur
.class attributs class. border-collapse 1 Définit si les bordures des cellules sont
Cible tous les éléments de type element en fonction de fusionnées ou séparées (separate ;collapse).
element.class la valeur de leur attributs class.
a:link 1 Cible tous les liens non visités.
a:visited Cible tous liens visités. width Définit la largeur d'un élément.
1 Cible l'élément au moment où l'utilisateur le survole height Définit la hauteur d'un élément.
a:hover avec le pointeur de la souris.
Spécifie le type de la méthode de
a:active Cible tous les liens activés. positionnement utilisée pour un élément
position
1
Il est possible de cibler plusieurs element de différents types en les séparant par (absolute ;fixed ;relative ;static ;sticky).
des virgules « ,». Propriété abrégée qui définit la marge intérieur
padding
d'un élément des 4 cotés.
margin Définit les marges d'un élément.
Propriétés de mise en forme du texte box-shadow Ajoute des ombres à la boîte d'un élément.
Spécifie les noms de polices possibles par ordre de Spécifie le comportement d'affichage
font-family display
préférence. d'un élément (inline ;block ;inline-
Spécifie la manière dont les caractères d'un block). la position verticale, par rapport au
Spécifie
font-weight top
texte doivent être affichés (bold ;bolder haut, d'un élément positionné.
font-style ;lighter).
Spécifie le style d'un texte (italic). Spécifie la position verticale, par rapport au
bottom
font-size Spécifie la taille d'une police. bas, d'un élément positionné.
Super-propriété de font. Combine font-family, font- Spécifie la position horizontale, par rapport à la
font left
weight, font-style, font-size. gauche, d'un élément positionné.
Spécifie l'alignement horizontal d'un texte (left Spécifie la position horizontale, par rapport à
text-align right
; center ;right ;justify). la droite, d'un élément positionné.
text-shadow Définit une ombre au texte. Spécifie le comportement du contenu lorsque
Spécifie la façon de transformer les caractères overflow il déborde de la boîte d'un élément (visible ;
text-
d'un texte en majuscules ou en minuscules hidden ;clip ;scroll; auto).
transform
(uppercase ; lowercase ;capitalize). opacity Définit le niveau de transparence.
color Spécifie la couleur du texte.
Propriétés des bordures

Propriétés des Définit la couleur des bordures d'un élément.
border-color
listes Définit le type de marqueur d'éléments de liste
border-style
list-style-type Définit le style des bordures d'un élément.
(circle;
Définit square
le rayon ; upper-roman
des coins arrondis;lower-alpha).
d'un
border-radius
Spécifie la position des marqueurs d'éléments
1élément.
list-style-position d'unelaliste à puces (outside ;inside).
Définit largeur des bordures d'un
border-width Spécifie une image comme marqueur d'éléments
list-style-image élément (medium ;thin ;thick ;valeur en
de liste.
Super-propriété
px). de bordure. Combine border-
- . .
1 Super-propriété de liste. Combine list-style-type,
list-style
Propriétés de couleur et de fond list-style-image.
list-style-position, Applique un effet de transformation 2D ou 3D
background-color Définit la couleur d'arrière-plan d'un élément. transform à un élément (rotate(), skew(), scale(), translate()).
1 Définit une image d'arrière-plan pour un
background-image élément.
Définit la façon dont une image d'arrière-plan est
background-repeat
répétée (repeat ; repeat-x ;repeat-y).
background-size 1 Spécifie la taille d'une image d'arrière-plan.
Super-propriété d'arrière-plan. Combine
transition commence.
background-color, background-image, transition-durationSpécifie la durée de la transition.
background transition-propertySpécifie les propriétés CSS sur lesquelles
background-repeat
l'effet de transition sera appliqué.
background-size.
Super-propriété de transition. Combine transition-prop
transition
J:S:
IS1
Opérateurs logiques
Annexe JavaScript
Méthodes de l'objet Math (Math.) L'objet Date
&& ET
abs() Retourne la valeur absolue. Date()· Crée un nouvel objet Date.
Il ou
sqrt() Retourne la racine carrée. d.getDate() Retourne le jour du mois
NON (entre 1 et 31).
round() Retourne l'entier le plus proche.
d.getMonth() Retourne le numéro du mois.
trunc() Retourne la troncature entière
d'un nombre en retirant sa partie d.getFullYear() Retourne la valeur de l'année
Opérateurs de comparaison sur 4 chiffres.
décimale.
égal à d.setDate() Modifie le numéro du jour du mois.
random() Retourne un réel aléatoire dans
[O, 1[
!= différent de
d.s etMonth() Modifie le
> supérieur à
numéro du mois. d.setFullYear() Modifie la
>= supérieur ou égal à
valeur de l'année.
< inférieur à Les chaînes de caractères
d.toString() Retourne une chaîne de
<= inférieur ou égal à ch. length Propriété qui retourne la caractères représentant la date d.
longueur de ch.
ch.charAt (p) Retourne le
Opérateurs arithmétiques caractère d'indice p.
* Pour obtenir un objet Date et non pas une chaîne
ch.indexOf (chl,p) Retourne la position de la de caractères, il faut utiliser l'opérateur new.
+ addition 1ère occurrence de ch1
d est un objet Date.
dans ch, effectuant la
soustraction recherche à partir de la
position p (sinon -1 ).
multiplication
ch.lastlndex0f(ch1 ,p) Retourne la position de la
division
dernière occurence de
% modulo ch1 dans ch à partir de la
la position p.
ch.substr(p,I) Retourne une sous-
chaîne commençant à la
Méthodes pour afficher une sortie* position p et de longueur
1.
alert() Affiche un message dans ch.replace(ch1 ,ch2) Remplace, dans ch,
une boîte de dialogue. toutes les occurrences
document.write() Affiche directement dans le de ch1 par ch2.
document HTML.
ch.tolowerCase() Convertit tous les
Pour afficher un contenu dynamiquement, caractères de ch en
on peut utiliser la propriété innerHTML minuscule.
d'un élément HTML ch.toUpperCase() Convertit tous les
caractères de ch en
Méthode pour saisir une entrée majuscule.
ch.trim() Supprime tous les
prompt() Affiche une boite de dialogue espaces existant au début
avec une zone de saisie. et à la fin de ch.
String.fromCharCode Retourne une chaîne

Fonctions JS (num1, ..., numN) formée par la
concaténation des
isNaN(a) Retourne vrai si l'argument a résultats de conversion
n'est pas un nombre, sinon des codes· passés en
elle retourne faux. paramètres.
Number(ch) Convertit une chaîne ch en ch.charCodeAt(p) Retourne le code du
un nombre.· caractère à la position p.
parseFloat(ch) Convertit une chaîne ch en

réel: ch est un objet String.
* code UTF-16.
parselnt(ch,b) Convertit une chaîne ch en
entier exprimé dans la base
b.·
String(a)
Convertit la valeur a
en chaîne.
Si la conversion n'est pas possible, la
fonction retourne NaN.
Annexe PHP
Type d'objets Fonctions sur les chaînes de
caractères
int Entier
chr() Retourne le caractère dont le code ASCII est passé comme argument.
float Réel
ord() Retourne le code ASCII du 1e'caractère de l'argument.
string Chaîne de
caractères bool strlen() Retourne la longueur d'une chaîne.
Booléen substr() Retourne une sous-chaîne.
array Tableau strpos() Retourne la position de la première occurrence du 2ème

argument dans le 1e'.
strcmp() Retourne le résultat de comparaison de deux chaînes (-1,0, 1).

Opérateurs de
transtypage
(int) Convertit une variable en
str_replace() Remplace, dans une chaîne , toutes les occurrences d'un
entier. (float) Convertit une variable en motif par un autre.
réel.
(string) Convertit une variable en chaîne. strtolower() Convertit tous les caractères d'une chaîne en minuscule.
(bool) Convertit une variable en strtoupper() Convertit tous les caractères d'une chaîne en majuscule.
booléen.
(array) Convertit une variable en
tableau. trim() Supprime tous les espaces existants au début et à la fin de
la chaîne.
Opérateurs Fonctions de Date/Heure Fonctions sur les tableaux

logiques
&& Et array() Crée un tableau à

checkdate() Vérifie la validité d'une date.
partir d'une liste de
Il Ou
date() Formate une date et la retourne valeurs.
Non sous forme de chaîne.
count() Retourne le nombre
time() Retourne l'heure actuelle d'éléments d'un tableau.
en nombre de seconde.
strtotime() Transforme une chaîne contenant
Opérateurs de Structures de langage
comparaison
égal à une date en timestamp • echo Affiche une ou
plusieurs expressions.
<> différent de
< inférieur à • timestamp: nombre de secondes

écoulées entre une date donnée et
<= inférieur ou égal le 1e'janvier 1970 à 00:00:00.
> supérieur
Fonctions PHP pour MySQL •

mysql_connect() Etablit une connexion un serveur MySQL.
>= supérieur ou
égal mysql_select_db() Sélectionne une base de données MySQL.
mysqLquery() Envoie une requête SQL à un serveur MySQL.
mysql_close() Ferme la connexion au serveur MYSQL.
Opérateurs arithmétiques
mysql_fetch_array() Retourne une ligne de résultat sous forme de tableau.
+ addition
mysql_fetch_row() Retourne une ligne de résultat MySQL sous forme de tableau
soustraction
mysql_num_rows() indexé. Retourne le nombre de lignes dans un jeu de résultat.
multiplication
division
mysql_affected_rows() Retourne le nombre de lignes affectées par la dernière opération MySQL.

% modulo
mysql_error() Retourne une chaîne décrivant la dernière erreur.
Autres opérateurs
* Il est possible d'utiliser les fonctions équivalentes fournies par l extension mysqli
1
affectation
(interface procédurale).
concaténation
round() Retourne la valeur arrondie.
abs() Retourne la valeur absolue. sqrt()
Fonctions mathématiques rand() Retourne un nombre aléatoire.
Retourne la racine carrée.
Variables superglobales Fonctions
courant via le diverses
$ GET Tableau associatif des protocole HTTP et la méthode
valeurs passées au script POST. die() Affiche un message et termine
courant via les paramètres le script courant.
d'URL.
isset() Vérifie si une variable est définie.
$_POST Tableau associatif des
require() inclut et exécute le fichier spécifié
valeurs passées au script
en argument.
lsoL Annexe SQL
Type de
INT Entier Attri but u ne va leu r pa r défa ut.
Spécifie que les valeu rs de la colon ne doivent respecter u
DECIMAL 1 Réel
CHECK
CHAR Chaîne de caractères de longueu r fixe.
VARCHAR 1 Chaîne de carctère d longueu r va ria ble dont PRIMARY KEYDéfinit u ne clé pri mai re.
la longueu r maxi male f1xee. UNIQUESpécifie l'u nicité des valeu rs d'u ne colon ne.
TEXT Chaîne de caractères de longueu r va ria ble. FOREIGN KEYDéfinit u ne clé étra ngère.
DATE 1 Date.
Fait référence à u ne clé pri maire d'u ne a utre
TIME Tem ps. REFERENCESta ble.
ON UPDATEMet à jou r la clé étra ngère en cas de mise à jou r CASCADEde la cl
Opérateurs de comparaison
= Égale à Supprime a utomatiq uement tous les
<> 1
Différent de ON DELETE enregistrements de la ta ble fille suite à la
Supérieu r à CASCADE suppression de l'enregistrement corresponda nt de la ta ble
>
< 1 I nférieu r à
>= Supérieu r ou égale à
<= 1 I nférieu r ou égale à Définition des
IN Da ns CREATE DATABASE nom Crée u ne base de données.
BETWEEN Entre deux valeu rs d'un i nterval le. Suppri me u ne base
DROP DATABASE nom
1
LIKE Recherche de motif/valeur. de don nées.

IS 1
Filtre les résultats contena nt la valeu r NULL. CREATE TABLE tablel (
colonnel type [contrainte],
rwflrn;•!tt!t.i!J'' :
colonne2 type [contrainte], ... Crée u ne ta
ble. [[CONSTRAINT] [nom] [contrainte],
... )
ALTER TABLE tablel Ajoute u ne colon ne à u
NOT NON ADD colonne type [contrainte] ne ta ble.
ALTER TABLE tablel
Suppri me u ne colon
ne. DROP colonne
ALTER TABLE tablel Modifie le type d'u ne
ALTER* colonne type colon ne.
ALTER TABLE tablel Modifie le nom d'u ne
Retou rne le mois. Retou rne l'a n née.
RENAME** noml TO nom2 colon ne.
Retou rne la date et l'heu re cou ra ntes.
ALTER TABLE tablel
Ajoute u ne contrai nte
ADD CONSTRAINT
su r u ne colon ne d'une ta
Fonctions [nom]
ble.
d'agrégation
AVG () Retou rne la moyen ne. ALTER TABLE tablel
Suppri me u ne contrai
COU NT ( ) 1 Retou rne le nom bre d'enregistrements. nte. DROP CONSTRAINT nom
MAX ( ) Retou rne le maxim u m. ALTER TABLE tablel
Active/ Désactive u ne
MIN ( ) 1 Retou rne le minim u m.
ENABLE/ DISABLE CONSTRAINT
contrai nte.
SUM ( ) Retou rne la somme. nom
DROP TABLE tablel Suppri me u ne ta ble.
* on peut utiliser MODIFY au lieu de ALTER.

** on peut utiliser CHANGE au lieu de RENAME.
Manipulation des
SELECT [DISTINCT] expression [, col, ... ou *] [[AS] alias] Spécifie les colon nes à afficher.
FROM tablel [[AS] alias] [, table2, ...] Spécifie les ta bles.
[WHERE condition] Effectue u ne restriction.
[GROUP BY critère] Orga nise le résultat en grou pes.
[HAVING condition] Applique u n filtre.
[OROER BY expression [ASC/DESC]] Trie le résultat.
INSERT INTO table [(liste colonnes)]
VALUES (liste valeurs) 1
I nsère des don nées dans u ne ta ble.
UPDATE tablel Modifie des données d'u ne ta ble.
SET colonne = expression
rwHERE condition]
DELETE FROM tablel 1 Supprime des enregistrements d'u ne ta ble.
[WHERE condition]

Annexes 2024

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Annexes 2024

Transféré par

Droits d'auteur :

Formats disponibles

m

<article> Spécifie un contenu indépendant et autonome.

<table> Définit un tableau.

<a> Définit un lien hypertexte via l'attribut href

<address> Définit les coordonnées de

onfocus Se déclenche au moment où l'élément obtient le

Propriétés des bordures

String.fromCharCode Retourne une chaîne

parseFloat(ch) Convertit une chaîne ch en

caractères bool strlen() Retourne la longueur d'une chaîne.

Booléen substr() Retourne une sous-chaîne.

array Tableau strpos() Retourne la position de la première occurrence du 2ème

strcmp() Retourne le résultat de comparaison de deux chaînes (-1,0, 1).

Opérateurs Fonctions de Date/Heure Fonctions sur les tableaux

&& Et array() Crée un tableau à

< inférieur à • timestamp: nombre de secondes

Fonctions PHP pour MySQL •

mysql_affected_rows() Retourne le nombre de lignes affectées par la dernière opération MySQL.

LIKE Recherche de motif/valeur. de don nées.

* on peut utiliser MODIFY au lieu de ALTER.

Vous aimerez peut-être aussi