Historique des conversations
Chargement...
Références rapides
Voici quelques tableaux pratiques à garder sous la main :
🧾 Entités HTML spéciales
| Caractère | Code HTML | Description |
|---|---|---|
| & | & | Esperluette |
| < | < | Inférieur à |
| > | > | Supérieur à |
| " | " | Guillemet |
| ' | ' | Apostrophe |
| | Espace insécable | |
| © | © | Copyright |
| ® | ® | Marque déposée |
| ™ | ™ | Trademark |
| € | € | Euro |
| ♥ | ♥ | Cœur |
| ♠ | ♠ | Pique |
🎨 Couleurs CSS communes
| Nom | Hexadécimal | RGB | Aperçu |
|---|---|---|---|
| red | #FF0000 | rgb(255, 0, 0) | |
| blue | #0000FF | rgb(0, 0, 255) | |
| green | #008000 | rgb(0, 128, 0) | |
| orange | #FFA500 | rgb(255, 165, 0) | |
| purple | #800080 | rgb(128, 0, 128) | |
| yellow | #FFFF00 | rgb(255, 255, 0) | |
| black | #000000 | rgb(0, 0, 0) | |
| white | #FFFFFF | rgb(255, 255, 255) | |
| gray | #808080 | rgb(128, 128, 128) | |
| navy | #000080 | rgb(0, 0, 128) |
📐 Unités CSS courantes
| Unité | Type | Description | Exemple |
|---|---|---|---|
| px | Absolue | Pixels | font-size: 16px; |
| % | Relative | Pourcentage du parent | width: 50%; |
| em | Relative | Relative à la taille de police | margin: 1.5em; |
| rem | Relative | Relative à la racine | padding: 2rem; |
| vh | Viewport | 1% de la hauteur viewport | height: 100vh; |
| vw | Viewport | 1% de la largeur viewport | width: 80vw; |
| fr | Grid | Fraction de l'espace disponible | grid-template-columns: 1fr 2fr; |
⌨️ Codes de statut HTTP fréquents
| Code | Message | Signification |
|---|---|---|
| 200 | OK | Requête réussie |
| 301 | Moved Permanently | Redirection permanente |
| 302 | Found | Redirection temporaire |
| 400 | Bad Request | Requête malformée |
| 401 | Unauthorized | Authentification requise |
| 403 | Forbidden | Accès interdit |
| 404 | Not Found | Page non trouvée |
| 500 | Internal Server Error | Erreur serveur |
| 502 | Bad Gateway | Passerelle défaillante |
| 503 | Service Unavailable | Service indisponible |
🔧 Sélecteurs CSS essentiels
| Sélecteur | Syntaxe | Description | Exemple |
|---|---|---|---|
| Élément | element | Sélectionne tous les éléments du type | p { color: blue; } |
| Classe | .class | Sélectionne les éléments avec la classe | .header { font-size: 20px; } |
| ID | #id | Sélectionne l'élément avec l'ID | #main { width: 100%; } |
| Descendant | A B | B à l'intérieur de A | div p { margin: 0; } |
| Enfant direct | A > B | B enfant direct de A | ul > li { list-style: none; } |
| Pseudo-classe | :pseudo | État spécifique | a:hover { color: red; } |
| Attribut | [attr] | Élément avec attribut | input[type="text"] { border: 1px; } |
🗃️ Types de données PHP courants
| Type | Description | Exemple |
|---|---|---|
| string | Chaîne de caractères | $nom = "Alice"; |
| int | Nombre entier | $age = 25; |
| float | Nombre décimal | $prix = 19.99; |
| bool | Booléen (vrai/faux) | $actif = true; |
| array | Tableau | $couleurs = ["rouge", "vert"]; |
| object | Instance de classe | $user = new User(); |
| null | Valeur nulle | $variable = null; |
🎯 Attributs HTML utiles
| Attribut | Éléments | Description | Exemple |
|---|---|---|---|
| id | Tous | Identifiant unique | <div id="header"> |
| class | Tous | Classes CSS | <p class="intro highlight"> |
| href | a, link | URL de destination | <a href="https://example.com"> |
| src | img, script | Source du fichier | <img src="photo.jpg"> |
| alt | img | Texte alternatif | <img alt="Description"> |
| title | Tous | Info-bulle | <abbr title="World Wide Web"> |
| placeholder | input, textarea | Texte d'aide | <input placeholder="Votre nom"> |
| required | input, select | Champ obligatoire | <input type="email" required> |
⚡ Raccourcis clavier utiles
| Action | Windows/Linux | Mac |
|---|---|---|
| Copier | Ctrl + C | Cmd + C |
| Coller | Ctrl + V | Cmd + V |
| Couper | Ctrl + X | Cmd + X |
| Annuler | Ctrl + Z | Cmd + Z |
| Refaire | Ctrl + Y | Cmd + Shift + Z |
| Rechercher | Ctrl + F | Cmd + F |
| Sélectionner tout | Ctrl + A | Cmd + A |
| Nouveau fichier | Ctrl + N | Cmd + N |
| Sauvegarder | Ctrl + S | Cmd + S |