essai.html

QUELQUES EXEMPLES

Des exemples de pointeurs


pointeurs, headings, les caracteres speciaux, les listes, exemples de listes, mélange des listes, images, pour finir.

Exemples de headings

C'est un niveau 2 en italique...

heading de niveau 3 On peut meme souligner dans un heading...

heading de niveau 4

heading de niveau 5
heading de niveau 6

Modification de l'aspect du texte

En HTML, il existe énormément de tag permettant de changer facilement l'aspect du texte. On peut facilement mettre en gras ou en italique. Il existe d'autre tag fonctionnel comme strong ou cite,

La fonte de base est medium-roman.
HTML permet d'altérer la fonte de base. Les 3 altérations primaires sont :

Il y a 2 autres modifications d'aspect qui peuvent être appréciées dans certain cas :

On peut même pousser la magie en mélangeant les modifications d'aspect ! Par exemple : du gras italique ou une fonte "monospace" soulignée et en gras.

Les tags fonctionnel tags sont :

  • cite - pour les citations
  • code - pour les fragments de codes
  • em - pour l'emphase
  • kbd - pour user input
  • samp - pour les exemples
  • strong
  • var - pour des références é des variables

  • Les caractéres spéciaux

    On peut afficher des caractéres spéciaux :

    	&nbsp  		&iexcl ¡		&cent ¢		&pound £
    	&curren ¤		&yen ¥		&brvbar ¦		&sect §
    	&uml ¨		&copy ©		&ordf ª		&laquo «
    	&not ¬		&shy ­		&reg ®		&hibar &hibar;
    	&deg °		&plusmn ±		&acute ´		&micro µ
    	&para ¶		&middot ·		&cedil ¸		&ordm º
    	&raquo »		&iquest ¿		&Agrave À		&Aacute Á
    	&Acirc Â		&Atilde Ã		&Auml Ä		&Aring Å
    	&AElig Æ		&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 á
    	&acirc â		&atilde ã		&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 ÿ		&frac34 ¾		&frac14 ¼
    	&sup1 ¹		&sup2 ²		&sup3 ³		&frac12 ½
    
    

    C'est trés utile pour écrire (par exemple) «caractéres spéciaux», on doit taper : caractéres spéciaux (rigolo non !)
    Il existe encore une autre possibilité, il s'agit de spécifier la valeur ascii du caractére à inserer :
       &#32     &#33 !   &#34 "   &#35 #   &#36 $   &#37 %   &#38 &   &#39 '   &#40 (   &#41 )   &#42 *
       &#43 +   &#44 ,   &#45 -   &#46 .   &#47 /   &#48 0   &#49 1   &#50 2   &#51 3   &#52 4   &#53 5
       &#54 6   &#55 7   &#56 8   &#57 9   &#58 :   &#59 ;   &#60 <   &#61 =   &#62 >   &#63 ?   &#64 @
       &#65 A   &#66 B   &#67 C   &#68 D   &#69 E   &#70 F   &#71 G   &#72 H   &#73 I   &#74 J   &#75 K
       &#76 L   &#77 M   &#78 N   &#79 O   &#80 P   &#81 Q   &#82 R   &#83 S   &#84 T   &#85 U   &#86 V
       &#87 W   &#88 X   &#89 Y   &#90 Z   &#91 [   &#92 \   &#93 ]   &#94 ^   &#95 _   &#96 `   &#97 a
       &#98 b   &#99 c   &#100 d   &#101 e   &#102 f   &#103 g   &#104 h   &#105 i   &#106 j   &#107 k   &#108 l
       &#109 m   &#110 n   &#111 o   &#112 p   &#113 q   &#114 r   &#115 s   &#116 t   &#117 u   &#118 v   &#119 w
       &#120 x   &#121 y   &#122 z   &#123 {   &#124 |   &#125 }   &#126 ~   &#161 ¡   &#162 ¢   &#163 £   &#164 ¤
       &#165 ¥   &#166 ¦   &#167 §   &#168 ¨   &#169 ©   &#170 ª   &#171 «   &#172 ¬   &#173 ­   &#174 ®   &#175 ¯
       &#176 °   &#177 ±   &#178 ²   &#179 ³   &#180 ´   &#181 µ   &#182 ¶   &#183 ·   &#184 ¸   &#185 ¹   &#186 º
       &#187 »   &#188 ¼   &#189 ½   &#190 ¾   &#191 ¿   &#192 À   &#193 Á   &#194 Â   &#195 Ã   &#196 Ä   &#197 Å
       &#198 Æ   &#199 Ç   &#200 È   &#201 É   &#202 Ê   &#203 Ë   &#204 Ì   &#205 Í   &#206 Î   &#207 Ï   &#208 Ð
       &#209 Ñ   &#210 Ò   &#211 Ó   &#212 Ô   &#213 Õ   &#214 Ö   &#215 ×   &#216 Ø   &#217 Ù   &#218 Ú   &#219 Û
       &#220 Ü   &#221 Ý   &#222 Þ   &#223 ß   &#224 à   &#225 á   &#226 â   &#227 ã   &#228 ä   &#229 å   &#230 æ
       &#231 ç   &#232 è   &#233 é   &#234 ê   &#235 ë   &#236 ì   &#237 í   &#238 î   &#239 ï   &#240 ð   &#241 ñ
       &#242 ò   &#243 ó   &#244 ô   &#245 õ   &#246 ö   &#247 ÷   &#248 ø   &#249 ù   &#250 ú   &#251 û   &#252 ü
       &#253 ý   &#254 þ
    
    

    Construction de listes

    htmlView contient 5 types de construction de liste :
    ul
    Unordered lists
    ol
    Ordered lists
    dl
    definition lists (like this)
    menu
    menu lists
    dir
    directory lists

    Exemples de listes

    Voici une énumeration de liste

    Pas de panique il existe aussi des listes ordonnées

    1. item 1
    2. item 2
    3. Eh oui ! Les listes ordonnées sont indexées !
      1. Une sous liste ordonnée
      2. Et les indices de chaque liste ne se mélange même pas ! Yahoo !
    4. Fin de la liste ordonnée

    Encore un exemple de Liste :

    Terme à définir
    Définition du terme
    Une autre définition du terme
    Nouveau terme à définir
    Déf 1
    Déf 2
    Déf 3
    Encore un terme à définition

    Mélange des listes !


    Images

    Il est possible d'afficher des images à l'intérieur d'un texte. Par exemple :

     This is a good point
     This is a good point too
     This is a bad point
     so is this
     another good one
    

    Sometimes images are used for, well images. The view out the window...


    Pour finir :

    Par contre on ne peut centrer une image :

    Mais le texte suivant sera centré :
    -
    ---
    -----
    --------
    

    Des exemples de pointeurs


    pointeurs, headings, les caracteres speciaux, les listes, exemples de listes, mélange des listes, images, pour finir.