(code pour optimiser la taille en fonction de la résolution d'écran)

HTML par la pratique

(pour constater les différences entre navigateurs /
se souvenir des balises procéder par édition + recherches dans cette page ...)
codes caractères
ƒ ƒ fnof _ _ _
Α Α Alpha α α alpha
&#914 Β Beta β β beta
Γ Γ Gamma γ γ gamma
Δ Δ Delta δ δ delta
Ε Ε Epsilon ε ε epsilon
Ζ Ζ Zeta ζ ζ zeta
Η Η Eta η η eta
Θ Θ Theta θ θ theta
Ι Ι Iota ι ι iota
Κ Κ Kappa κ κ kappa
Λ Λ Lambda λ λ lambda
Μ Μ Mu μ μ mu
Ν Ν Nu ν ν nu
Ξ Ξ Xi ξ ξ xi
Ο Ο Omicron ο ο omicron
Π Π Pi π π pi
Ρ Ρ Rho ρ ρ rho
Σ Σ Sigma ς ς sigmaf
_ _ σ σ sigma
Τ Τ Tau τ τ tau
Υ Υ Upsilon υ υ upsilon
Φ Φ Phi φ φ phi
Χ Χ Chi χ χ chi
Ψ Ψ Psi ψ ψ psi
Ω Ω Omega ω ω omega
ϑ ϑ thetasym ϒ ϒ upsih
ϖ ϖ piv _ _
• • bull … … hellip
′ ′ prime ″ ″ Prime
‾ ‾ oline ⁄ ⁄ frasl
℘ ℘ weierp ℑ ℑ image
ℜ ℜ real ™ ™ trade
ℵ ℵ alefsym _ _
← ← larr ↑ ↑ uarr
→ → rarr ↓ ↓ darr
↔ ↔ harr ↵ ↵ crarr
⇐ ⇐ lArr ⇑ ⇑ uArr
⇒ ⇒ rArr ⇓ ⇓ dArr
⇔ ⇔ hArr _ _
∀ ∀ forall ∂ ∂ part
∃ ∃ exist ∅ ∅ empty
∇ ∇ nabla ∈ ∈ isin
∉ ∉ notin ∋ ∋ ni
∏ ∏ prod ∑ ∑ sum
− − minus ∗ ∗ lowast
√ √ radic ∝ ∝ prop
∞ ∞ infin ∠ ∠ ang
⊥ ⊥ perp ⊦ ⊦
∩ ∩ ∪ ∪ cup
∫ ∫ int ∴ ∴ there4
♠ ♠ spades ♣ ♣ clubs
♥ ♥ hearts ♦ ♦ diams

Codage, en HTML, de caractères particuliers :

" = "
& = &
> = >
< = &lt;
' ' = &nbsp;
¡ = &iexcl;
¢ = &cent;
£= &pound;
¤= &curren;
¥= &yen;
¦= &brvbar;
§= &sect;
 ¨= &uml;
©= &copy;
ª= &ordf;
¬= &not;
­= &shy;
®= &reg;
¯= &macr;
°= &deg;
±= &plusmn;
²= &sup2;
³= &sup3;
´= &acute;
 µ= &micro;
¶= &para;
·= &middot;
¸= &cedil;
¹= &sup1;
º= &ordm;
«= &laquo;
»= &raquo;
¼= &frac14;
½= &frac12;
¾= &frac34;
¿= &iquest;
 À= &Agrave;
Á= &Aacute;
Â= &Acirc;
Ã= &Atilde;
Ä= &Auml;
Å= &Aring;
Æ= &AElig;
æ= &aelig;
œ= &oelig;
Ç= &Ccedil;
È= &Egrave;
É= &Eacute;
Ê= &Ecirc;
Ë= &Euml;
 Ì= &Igrave;
Í= &Iacute;
Î= &Icirc;
Ï= &Iuml;
Ð= &ETH;
Ñ= &Ntilde;
Ò= &Ograve;
Ó= &Oacute;
Ô= &Ocirc;
Õ= &Otilde;
Ö= &Ouml;
×= &times;
 Ø= &Oslash;
Ù= &Ugrave;
Ú= &Uacute;
Û= &Ucirc;
Ü= &Uuml;
Ý= &Yacute;
Þ= &THORN;
ß= &szlig;
à= &agrave;
á= &aacute;
â= &
ã= &
 ä= &auml;
å= &aring;
æ= &aelig;
ç= &ccedil;
è= &egrave;
é= &eacute;
ê= &ecirc;
ë= &euml;
ì= &igrave;
í= &iacute;
î= &icirc;
ï= &iuml;
 ð= &eth;
ñ= &ntilde;
ò= &ograve;
ó= &oacute;
ô= &ocirc;
õ= &otilde;
ö= &ouml;
÷= &divide;
ø= &oslash;
ù= &ugrave;
ú= &uacute;
û= &ucirc;
 ü= &uuml;
ý= &yacute;
þ= &thorn;
ÿ= &yuml;
‘= &lsquo;
’= &rsquo;
€= &euro;
™= &trade;
 „ = &#132;
… = &#133;
† = &#134;
‡ = &#135;
‰ = &#137;
‘ = &#145;
’ = &#146;
“ = &#147;
” = &#148;
• = &#149;
— = &#151;
˜ = &#152;
™ = &#153;
w_sens :      ▲ ▼ ► ◄  
w_feèches : ↨ ↑ ↓ →  ← ∟ ↔
w_tracés :    ▬    ┬ ├ ─ ┼  ┘ ┌ │ ┤  └  ┴   ┐
w_tracés _2 :  ╚ ╔ ╩ ╦ ╠ ═ ╬ ╣║ ╗ ╝
w_pleins :       █ ▄   ¦   ▬ ▀   ■   ░    ▒   ▓
w_math :    +    ×   ­ ±  ÷   ı   ¹   ²   ½  ¼  ¾   %  
w_ponct :     !   ‼   "   '   ¶  §  «  »
w_fun :    ○  ¤    ◙  ◘   ☼  ☺ ☻ ♥  ♦  ♣  ♠  •  ◘    ♂  ♀  ♪   ♫  
w_yyy :   #  $    & (  )   [   ]  *   ,  -  .  /   \  @
w_yyy2 :    ^ _ ` ñ  ü é â ä à å ç ê ë ï
w_yyy3 :     ìÄÅÉæÆôöòûùÿÖÜø£ØƒáíóúñÑ¿®¬¡ ÁÂÀ©¢¥
w_ yyy4 :   þ  Þ  Ú Û Ù  ý Ý  ¯  ´ ‗    ¸ °  ¨ · ð
w_yyy5  :    Ê Ë ÈÍ Î Ï ÌÓ ß Ô Ò õ Õ µ   ã àð  Ð ⌂
caractères unicode particuliers : ♪ , ♫ ...
exemples d'accents français

alphabet grec par GONIC

α    Α    Alpha
β    Β    Beta
γ    Γ    Gamma
δ    Δ    Delta
ε    Ε    Epsilon
ζ    Ζ    Zeta
η    Η    Eta
θ    Θ    Theta
ι     Ι     Iota
κ    Κ    Kappa
λ    Λ    Lambda
μ    Μ    Mu
ν    Ν    Nu
ξ    Ξ    Xi
ο    Ο    Omicron
π    Π    Pi
ρ    Ρ    Rho
σ    Σ    Sigma
τ    Τ    Tau
υ    Υ    Upsilon
φ    Φ    Phi
χ    Χ    Chi
ψ    Ψ    Psi
ω    Ω    Omega
Listes
simple numérotée alphabétique chiffres romains
    ‘<ul><li>’
  • azert
  • treza
    • qsdfg
  • gfdsq
  • wxcvb
    ‘<ol> type="1"’
  1. azert
  2. treza
    3. qsdfg
  3. gfdsq
  4. wxcvb
    ‘<ol> type="A"’
  1. azert
  2. treza
    3. qsdfg
  3. gfdsq
  4. wxcvb
    ‘<ol> type="I"’
  1. azert
  2. treza
    3. qsdfg
  3. gfdsq
  4. wxcvb
SUP : 25=32 ____ SUB : ... i1+i2+ ... + in ___ Nº22 à 180° ____ 2 × 2 = 4 ______ 4 ÷ 2 = 2 ___ ³¾=8 ¼ ____ 99 ª ¾ = ¡¿ SOS ?!
barré ____ souligné ___ gras ___ italique ___ Teletype ___ Strong __ Big __ Emphasis ___Small 
pre (azerty-YTREZA)
blablablableblabla blibla blobla blablublabla blablablableblabla blablablableblabla
aligné à gauche
blablablableblabla blibla blobla blablublabla blablablableblabla blablablableblabla
aligné à droite
blablablableblabla blibla blobla blablublabla blablablableblabla blablablableblabla
aligné au milieu
blablablableblabla blibla blobla blablublabla blablablableblabla blablablableblabla
adresse bidon
blablablableblabla blibla blobla définition blablablableblabla blibla Police Arial font size ="+2" color="red" blablablableblabla blibla

Effets des balises particulières à Netscape et à Internet Explorer :

sous Netscape :

sous Internet Explorer :

  • défilement de texte pour GONIC ...                                                     
  • Ajout de favoris sous I_Explorer : Ajouter aux favoris
  • Ajout en page d'accueil sous I_Explorer : Ajouter en page de démarrage
  • son, sous I_Explorer : blablablablabla
  • acronyme, sous I_Explorer : ceci est le texte de l'acronyme
    avec une 2e ligne
    et une 3e ligne
    ...     blablablablabla
  • style, sous I_Exl'orer : une ligne avec un style
    et une autre avec le même style
    ....
    ici : codes de détection du Navigateur:
    ici : code ‘Anti-cadre’
    ici : code ‘date de dernière modification ’ =>
    ici : code ‘Url de la page en cours ’ =>
    ici : code ‘ description de lien ’ => =========================== site de GONIC
    ici : code ‘ résolution écran ’ =>’
    ici : code ‘ dernière page vue ’
    ici : code ‘ formulaires ’
      caption d'une table interne au formulaire
      ‘ menu déroulant de navigation ’
      Cellule d'en-tête      		 parcourir les fichiers accessibles :
      Cellule d'en-tête
      (case sur 2 colonnes)
      Bouton (à programmer)

    ici : code ‘ affichage de la date ’
    apprentissage