Annexes

Annexe HTML5
Eléments de 1er niveau Eléments de section

<html> Représente la racine d'un document HTML. <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>. <nav> Définit un ensemble de liens de navigation.
<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
<article> Spécifie un contenu indépendant et autonome.
<link> Définit la relation entre le document actuel et une
<aside> Définit un contenu en dehors du contenu principal.
ressource externe.
Souvent placé sous forme de barre latérale.
<meta> 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> Définit les informations de style (CSS) pour un
document. Eléments de structuration de texte et média
<title> Définit le titre du document. <cite> Définit le titre d'une œuvre.
<p> 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> 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
de type block. horizontale.
<iframe> Définit un cadre en ligne. <img> Intègre une image.
<figure> Spécifie un conteneur autonome qui peut contenir
Tableau divers éléments.
<figcaption> Définit une légende pour un élément <figure>.
<table> Définit un tableau.
<audio> Intégrer du contenu sonore dans un document.
<caption> 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.
<a> Définit un lien hypertexte via l’attribut href.
<th> 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.
<address> Définit les coordonnées de l'auteur/propriétaire
d'un document ou d'un article.
Formulaire <mark> Définit le texte qui doit être marqué ou mis en
surbrillance.
<form> Crée un formulaire HTML. <details> Spécifie des détails supplémentaires que l’utilisateur
<fieldset> 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> Définit un en-tête visible pour l'élément <details>.
<label> Définit un libellé pour un élément graphique.
<input> Définit un champ de saisie de types : "button", "time", Listes
"checkbox", "date", "email", "image", "number",
<ul> Définit une liste à puces.
"password", "radio", "range", "reset", "submit", "tel",
"text", "url". <ol> Définit une liste ordonnée.
<textarea> 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> Spécifie une liste d'options prédéfinies connectée à un Evènements
élément <input>.
onblur Se déclenche au moment où l'élément perd le
<option> Définit une option dans une liste de sélection.
focus.
onclick Se déclenche lors d’un clic sur l’élément.
Attributs globaux onfocus Se déclenche au moment où l'élément obtient le
class Spécifie un nom de classe pour un élément. focus.
hidden Renseigne la visibilité d'un élément. oninput Se déclenche dès que la valeur d'un élément a
changé.
id Spécifie un identifiant unique pour un élément HTML.
onload Se déclenche lorsque la page est complètement
lang Spécifie la langue du contenu de l'élément. chargée.
style Spécifie un style en ligne. onmouseover Se déclenche lorsque le pointeur de la souris
title Spécifie des informations supplémentaires sur un survole l’élément.
élément. onsubmit Se déclenche lorsqu'un formulaire est soumis.
Annexe CSS3
Sélecteurs Propriétés des images
* Sélectionne tous les éléments. Définit des filtres sur un élément (blur() ;
filter
element1 Sélectionne tous les éléments de type element. grayscale() ; invert()).
Cible un élément en fonction de la valeur de son
#id Propriétés des tableaux
attribut id.
Définit la façon de disposer les cellules, lignes
Cible les éléments en fonction de la valeur de leur table-layout
.class et colonnes d’un tableau.
attributs class.
border-collapse Définit si les bordures des cellules sont
Cible tous les éléments de type element en fonction de
element.class fusionnées ou séparées (separate ; collapse).
la valeur de leur attributs class.
a:link Cible tous les liens non visités. Propriétés des boîtes
a:visited Cible tous liens visités. width Définit la largeur d'un élément.
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. position positionnement utilisée pour un élément
1Il est possible de cibler plusieurs element de différents types en les séparant par des (absolute ; fixed ; relative ; static ; sticky).
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 d'un
font-family display
préférence. élément (inline ; block ; inline-block).
Spécifie la manière dont les caractères d’un texte Spécifie la position verticale, par rapport au
font-weight top
doivent être affichés (bold ; bolder ; lighter). haut, d'un élément positionné.
font-style 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 à la
text-align right
center ; right ; justify). droite, d'un élément positionné.
text-shadow Définit une ombre au texte. Spécifie le comportement du contenu lorsque il
Spécifie la façon de transformer les caractères d’un overflow déborde de la boîte d'un élément (visible ;
text- hidden ; clip ; scroll ; auto).
texte en majuscules ou en minuscules (uppercase ;
transform
lowercase ; capitalize). opacity Définit le niveau de transparence.
color Spécifie la couleur du texte.
Propriétés des bordures
border-color Définit la couleur des bordures d'un élément.
Propriétés des listes border-style Définit le style des bordures d'un élément.
Définit le type de marqueur d’éléments de liste Définit le rayon des coins arrondis d’un
list-style-type border-radius
(circle; square ; upper-roman ; lower-alpha). élément.
Spécifie la position des marqueurs d'éléments Définit la largeur des bordures d'un élément
list-style-position border-width
d’une liste à puces (outside ; inside). (medium ; thin ; thick ; valeur en px).
Spécifie une image comme marqueur d'éléments Super-propriété de bordure. Combine border-
list-style-image
de liste. border color, border-style, border-width, border-
Super-propriété de liste. Combine list-style-type, Transformationradius.
list-style
list-style-position, list-style-image. Applique un effet de transformation 2D ou 3D
transform à un élément (rotate(), skew(), scale(),
translate()).
Propriétés de couleur et de fond
background-color Définit la couleur d'arrière-plan d'un élément.
Définit une image d'arrière-plan pour un Transition
background-image
élément.
Spécifie le délai nécessaire avant que la
Définit la façon dont une image d’arrière-plan est transition-delay
background-repeat transition commence.
répétée (repeat ; repeat-x ; repeat-y).
transition-duration Spécifie la durée de la transition.
background-size Spécifie la taille d’une image d'arrière-plan.
Spécifie les propriétés CSS sur lesquelles
transition-property
Super-propriété d’arrière-plan. Combine l'effet de transition sera appliqué.
background-color, background-image, Super-propriété de transition. Combine
background
background-repeat transition transition-property, transition-duration et
background-size. transition-delay.
Annexe JavaScript

Opérateurs logiques Méthodes de l'objet Math (Math.) L'objet Date
&& ET abs() Retourne la valeur absolue. Date() * Crée un nouvel objet Date.
|| 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
[0, 1[
!= différent de
d.setMonth()
Modifie le numéro
du mois.
> supérieur à
d.setFullYear() Modifie la valeur de l'année.
>= supérieur ou égal à
Les chaînes de caractères d.toString() Retourne une chaîne de
< inférieur à caractères représentant la date d.
ch. length Propriété qui retourne la
<= inférieur ou égal à longueur de ch.
un objet Date et non pas une chaîne
ch.charAt (p) Retourne le caractère * Pour obtenir
d'indice p.
de caractères, il faut utiliser l'opérateur new.
Opérateurs arithmétiques ch.indexOf (ch1, p) Retourne la position de la d est un objet Date.

1ère occurrence de ch1
+ addition dans ch, effectuant la
recherche à partir de la
- soustraction position p (sinon -1 ).
* multiplication la position
ch.lastIndexOf(ch1,p) Retourne de la
/ division dernière occurence
de ch1
dans ch à partir de la
% modulo la position p.
ch.substr(p,l) Retourne une sous-chaîne
commençant à la position
Méthodes pour afficher une sortie* p et de longueur l.

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
minuscule.
on peut utiliser la propriété innerHTML
d'un élément HTML ch. toUpperCase() Convertit tous les
caractères de ch en
majuscule.
Méthode pour saisir une entrée
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.

ch est un objet String.
parseFloat(ch) Convertit une chaîne ch en * code UTF-16.
réel. *
parseInt(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 1ercaract ère de l'argument.
string Chaîne de caractères
strlen() Retourne la longueur d'une chaîne.
bool 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 1er.
Opérateurs de transtypage strcmp() Retourne le résultat de comparaison de deux chaînes (-1,0,1).
(int) Convertit une variable en entier. str_replace() Remplace, dans une chaîne , toutes les occurrences d'un motif
Convertit une variable en réel. par un autre.
(float)
(string) Convertit une variable en chaîne. strtolower() Convertit tous les caractères d'une chaîne en minuscule.
(bool) Convertit une variable en booléen. strtoupper() Convertit tous les caractères d'une chaîne en majuscule.
(array) Convertit une variable en tableau.

trim() Supprime tous les espaces existants au début et à la fin de la
chaîne.

Opérateurs logiques Fonctions sur les tableaux
Fonctions de Date/Heure
&& Et checkdate() Vérifie la validité d'une date. array() Cr ée un tableau à partir
d'une liste de valeurs.
|| Ou
date() Formate une date et la retourne
! Non sous forme de chaîne. count() Retourne le nombre
d'éléments d'un tableau.
time() Retourne l'heure actuelle en
nombre de seconde.
Opérateurs de comparaison Structures de langage
.
strtotime() Transforme une chaîne contenant
== égal à une date en timestamp * echo Affiche une ou plusieurs
expressions.
<> différent de * timestamp: nombre de secondes écoulées
entre une date donnée et le
< inférieur à er
1 janvier 1970 à 00:00:00.
<= inférieur ou égal
*
Fonctions PHP pour MySQL
> supérieur
mysql_connect() Etablit une connexion un serveur MySQL. .
>= supérieur ou égal
mysql_select_db() Sélectionne une base de données MySQL.
mysql_query() Envoie une requête SQL à un serveur MySQL.

Opérateurs arithmétiques mysql_close() Ferme la connexion au serveur MYSQL.
+ addition mysql_fetch_array() Retourne une ligne de résultat sous forme de tableau.
- soustraction mysql_fetch_row() Retourne une ligne de résultat MySQL sous forme de tableau indexé.
* multiplication mysql_num_rows() Retourne le nombre de lignes dans un jeu de résultat.
/ 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
(interface procédurale).
= affectation
. concaténation
Variables superglobales Fonctions diverses
$_GET Tableau associatif des valeurs die() Affiche un message et termine le

Fonctions mathématiques passées au script courant via les script courant.
abs() paramètres d'URL.
Retourne la valeur absolue. isset() Vérifie si une variable est définie.
sqrt() Retourne la racine carr ée. $_POST Tableau associatif des valeurs require() inclut et exécute le fichier spécifié
passées au script courant via le
en argument.
round() Retourne la valeur arrondie. protocole HTTP et la méthode
POST.
rand() Retourne un nombre aléatoire.
Annexe SQL
Type de données Contraintes d’intégrité

INT Entier NOT NULL Interdit une valeur nulle.
DECIMAL Réel DEFAULT Attribut une valeur par défaut.
CHAR Chaîne de caractères de longueur fixe. Spécifie que les valeurs de la colonne doivent
CHECK
Chaîne de caractères de longueur variable dont la respecter une condition.
VARCHAR
longueur maximale fixée. PRIMARY KEY Définit une clé primaire.
TEXT Chaîne de caractères de longueur variable. UNIQUE Spécifie l’unicité des valeurs d’une colonne.
DATE Date. FOREIGN KEY Définit une clé étrangère.
TIME Temps. Fait référence à une clé primaire d’une autre
REFERENCES
table.
ON UPDATE Met à jour la clé étrangère en cas de mise à jour
Opérateurs de comparaison CASCADE de la clé primaire.
= Égale à Supprime automatiquement tous les
<> Différent de ON DELETE enregistrements de la table fille suite à la
> Supérieur à CASCADE suppression de l’enregistrement correspondant
< Inférieur à de la table mère.
>= Supérieur ou égale à
<= Inférieur ou égale à Définition des données
IN Dans CREATE DATABASE nom Crée une base de données.
BETWEEN Entre deux valeurs d’un intervalle. Supprime une base de
DROP DATABASE nom
LIKE Recherche de motif/valeur. données.
IS Filtre les résultats contenant la valeur NULL. CREATE TABLE table1 (
colonne1 type [contrainte],
colonne2 type [contrainte], … Crée une table.
Opérateurs logiques [[CONSTRAINT] [nom] [contrainte],
AND ET …)
OR OU ALTER TABLE table1 Ajoute une colonne à une
NOT NON ADD colonne type [contrainte] table.
ALTER TABLE table1
Supprime une colonne.
Fonctions définies sur le type date DROP colonne
DAY ( ) Retourne le jour. ALTER TABLE table1 Modifie le type d’une
MONTH ( ) Retourne le mois. ALTER* colonne type colonne.
YEAR ( ) Retourne l’année. ALTER TABLE table1 Modifie le nom d’une
NOW ( ) Retourne la date et l’heure courantes. RENAME** nom1 TO nom2 colonne.
ALTER TABLE table1
Ajoute une contrainte sur
ADD CONSTRAINT [nom]
une colonne d’une table.
Fonctions d’agrégation contrainte
AVG ( ) Retourne la moyenne. ALTER TABLE table1
Supprime une contrainte.
COUNT ( ) Retourne le nombre d’enregistrements. DROP CONSTRAINT nom
MAX ( ) Retourne le maximum. ALTER TABLE table1
Active/ Désactive une
MIN ( ) Retourne le minimum. ENABLE/ DISABLE CONSTRAINT
contrainte.
SUM ( ) Retourne la somme. nom
DROP TABLE table1 Supprime une table.
* on peut utiliser MODIFY au lieu de ALTER.
** on peut utiliser CHANGE au lieu de RENAME.
Manipulation des données

SELECT [DISTINCT] expression [, col, ... ou *] [[AS] alias] Spécifie les colonnes à afficher.
FROM table1 [[AS] alias] [, table2, ...] Spécifie les tables.
[WHERE condition] Effectue une restriction.
[GROUP BY critère] Organise le résultat en groupes.
[HAVING condition] Applique un filtre.
[ORDER BY expression [ASC/DESC]] Trie le résultat.
INSERT INTO table [(liste colonnes)]
Insère des données dans une table.
VALUES (liste valeurs)
UPDATE table1 Modifie des données d’une table.
SET colonne = expression
[WHERE condition]
DELETE FROM table1 Supprime des enregistrements d’une table.
[WHERE condition]

Annexes

Transféré par

Informations du document

Titre original

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

Transféré par

Droits d'auteur :

Formats disponibles

Annexe HTML5

Eléments de 1er niveau Eléments de section

String.fromCharCode Retourne une chaîne

parseInt(ch,b) Convertit une chaîne ch en

(array) Convertit une variable en tableau.

Type de données Contraintes d’intégrité

Manipulation des données

Vous aimerez peut-être aussi