Accueil

Traduction

Débuter en programmation web - sommaire

Initiation au HTML & CSS

Introduction à la programmation web Premiers pas Mise en forme du contenu avec CSS Les formulaires HTML Organiser une page avec beaucoup de contenu Images pour le web Disposer les images dans la page web Les éléments "block" (ou boites) Insérer des symboles et des caractères spéciaux Exprimer les couleurs - le référencement naturel Des balises et des sélecteurs CSS méconnus La propriété POSITION de CSS Des pages interactives (via CSS & JS) Des pages 'responsives' Production et hébergement d'un site Intégrer des services gratuits dans votre site

Découverte de PHP & SQL

Quelques bonnes raisons d'utiliser PHP Variables et tableaux en PHP Les fonctions en PHP Les structures de contrôle en PHP Traiter les données de formulaire avec PHP Sessions et cookies en PHP Site avec une base de données : notions de SQL SQL : les requêtes SELECT SQL : les requêtes INSERT, UPDATE, DELETE PHP et les fichiers texte

Débuter en programmation web - recherche

L'auteur : Patrick Darcheville

Vous pouvez me contacter via Facebook pour questions & suggestions : Page Facebook relative à mon site

Insérer dans une page des caractères spéciaux et symboles

Sachez que c'est possible !

Il est parfois nécessaire d'insérer dans le texte un espace insécable. Il faut alors produire une entité HTML. Une entité HTML est un code qui commence toujours par & et se termine par ;

Les symboles

Symboles Code clavier Code ISO Entité HTML Description
☺ Alt+1 ☺   Visage blanc souriant
☻ Alt+2 ☻   Visage noir souriant
♥ Alt+3 ♥ ♥ Cœur noir
♦ Alt+4 ♦ ♦ Carreau noir
♣ Alt+5 ♣ ♣ Trèfle noir
♠ Alt+6 ♠ ♠ Pique noir
• Alt+7 • • Gros point médian
◘ Alt+8 ◘   Point noir-au-blanc
○ Alt+9 ○   Cercle blanc
◙ Alt+10 ◙   Cercle noir-au-blanc
♂ Alt+11 ♂   Signe male
♀ Alt+12 ♀   Signe femelle
♪ Alt+13 ♪   Note croche
♫ Alt+14 ♫   Deux croche ramées
☼ Alt+15 ☼   Soleil blanc avec rayons
► Alt+16 ►   Pointeur noir vers droite
░ Alt+176 ░   Ombre légère
▒ Alt+177 ▒   Ombre moyenne
▓ Alt+178 ▓   Ombre foncée
Alt+179 │    
┤ Alt+180 ┤    
↕ Alt+183 ↕    
╣ Alt+185 ╣    
║ Alt+186 ║    
╗ Alt+187 ╗    
╝ Alt+188 ╝    
┐ Alt+191 ┐    
└ Alt+192 └    
┴ Alt+193 ┴    
Alt+194 ┬    
├ Alt+195 ├    
─ Alt+196 ─    
┼ Alt+197 ┼    
╚ Alt+200 ╚    
◄ Alt+17 ◄   Pointeur noir vers gauche
↕ Alt+18 ↕   Flèche haut et bas
‼ Alt+19 ‼   Double point d'exclamation
Alt+20 ¶ ¶ Pied de mouche
§ Alt+21 § § Paragraphe
▬ Alt+22 ▬    
↨ Alt+23 ↨   Flèche haut- bas sur base
↑ Alt+24 ↑ ↑ Flèche vers le haut
↓ Alt+25 ↓ ↓ Flèche vers le bas
→ Alt+26 → → Flèche vers la droite
← Alt+27 ← ← Flèche vers la gauche
∟ Alt+28 ∟    
↔ Alt+29 ↔ ↔ Flèche bilatérale gauche-droite
▲ Alt+30 ▲   Triangle noir pointant vers le haut
▼ Alt+31 ▼   Triangle noir pointant vers le bas
◊   ◊ ◊ Losange
╔ Alt+201 ╔    
╩ Alt+202 ╩    
╦ Alt+203 ╦    
╠ Alt+204 ╠    
═ Alt+205 ═    
╬ Alt+206 ╬    
┘ Alt+217 ┘    
┌ Alt+218 ┌    
█ Alt+219 █    
▄ Alt+220 ▄    
▀ Alt+223 ▀    
■ Alt+254 ■    

Différentes techniques pour insérer des caractères spéciaux dans une page

Soit vous tapez le code clavier, soit le code ISO soit le code HTML (entité de caractère) si il existe.

Produire le code clavier

j'ai composé successivement au clavier : ALT+064 ALT+0167 ALT+0174 ALT+0188 ALT+0189 :
Et j'ai obtenu : @ § © ¼ ½

Produire les codes ISO

Comme les codes HTML les codes ISO commencent par & et se terminent par ; mais entre les deux ce n'est pas nom d'entité mais un code ISO qui commence par un # et est suivi d'un nombre (jusqu'à 4 chiffres).

J'ai saisi les codes ISO suivants : #945 #914 #947 #915 #948 #916 #917 #950 (encadrés par & et ; )
Et j'ai obtenu des lettres grecques majuscules et minuscules : α Β γ Γ δ Δ Ε ζ

Utiliser les entités HTML (entités de caractère)

Il est facile de retenir leur code via un procédé mnémotechnique.

Mais l'entité la plus utilisée est l'espace insécable qui permet d'éviter, par exemple qu'un montant monétaire apparaisse sur deux lignes.
Code :   ("non breakable space")

Le code HTML correspondant à la liste ci-dessus

Astuces

Les solutions précédentes présentent un inconvénient : il faut connaitre les codes ou avoir sous les yeux un document qui les indique.
Tous les traitements de texte proposent une commande pour insérer les caractères spéciaux.
Ainsi sous Libre Office Writer il suffit de produire : insertion/caractères spéciaux/sélectionner le caractère / touche "Insérer".
Ensuite faites un copier-coller vers une page web ouverte avec un éditeur tel NotePad.

Autre astuce

Vous pouvez aussi utilisez l'application en ligne (et gratuite) : Google traduction.

Vive l'ukraine libre !
Ce qui donne en ukrainien (alphabet cyrillique) :
Живе вільна Україна

Documentation

Lien vers un site indiquant sous forme de tableaux les codes de tous les caractères spéciaux et symboles : Une page bien utile !