Leçon 2 : Eléments de base d'un document

I -Organisation du corps dudocument

Le corps du document peut être organiségrâce aux marqueurs de titres, de blocs, de blocs spéciaux etde structures particulières (liste, tableau, formulaire), depassages à la ligne, auxquels on ajoutera les traits et lesimages. Tous ces types de marqueurs seront progressivement présentés.

I 1 - Titres

Décroissance de lataille du titre fonction de la croissance du numéro dans lemarqueur : voici les titres :

<H1>Titre 1</H1>

<H2>Titre 2</H2>

<H3>Titre 3</H3>

<H6>Titre 6 </H6>

REMARQUE : rupture de style deparagraphe

I 2 - Fragment, bloc etpassage à la ligne

On peut ne mettre aucun marqueur dans untexte mais alors il sera considéré par le butineur comme unseul paragraphe et présenté suivant le style choisi dans lebutineur. Quelque soit ce style, le document sera de toute façontrop dense et donc inacceptable pour le WEB

marqueur de fragment, de division : <DIV> </DIV>
marqueur de bloc : <P> </P> La finde bloc est suivie d'un passage à la ligne et d'un saut de ligne.
attribut pour <DIV> et <P> : ALIGN= "left |center | rigth " , "left" par défaut
marqueur de passage à la ligne : <BR> Lespassages à la ligne ne provoquent pas une rupture de style ; ily a continuité sur tout le boc.

I 3 - Blocs spécialisés

Ces blocs sont contenus dans des marqueurs spécialisés quiprovoquent un changement de style momentanné, puis le bloc en cours continue

en reprenant son style propre.

<BLOCKQUOTE> citation :"sans cesse sur le métier remettez votre ouvrage </BLOCKQUOTE>

Ce marqueur provoque un décalage dutexte , une mise en valeur de la citation.

   <PRE> texte préformaté  : respect par le butineur de la présentation faite 

   à la création du document ; 	seule une police non proportionnelle peut être utilisée 

   avec ce marqueur</PRE> 

qui est utilisé pour présenter desextraits de fichiers, de programmes etc....

I 4 - Commentaire

Tout texte peut être mis dans le document mais ne pas être affiché par le butineur. Pourcela il faut utiliser le marqueur :

II - Formatage des caractères

La police de caractère est déterminéepar le navigateur. Le style est fixé par des marqueurs soit définitivementà la création (marqueurs physiques / fixes) soit seulementproposé à la création et choisi définitivement à laconsultation par le butineur (marqueurs logiques / relatifs)

II 1 - marqueursphysiques / fixes

<B> en gras </B>
<BLINK> clignotant attribut Netscape </BLINK>
<I> italique</I>
<U> souligné</U>
_{<SUB> indice</SUB>}
^{<SUP> exposant<SUP>}
<STRIKE> barré</STRIKE>
<TT> police télétype c'est-à -dire nonproportionnelle</TT>
<SMALL> petite taille</SMALL>
<BIG> caractères élargis</BIG>

II 2 - marqueurslogiques / relatifs

<EM>(phasized)en italique en général</EM>(phasized
<STRONG> en gras en général <STRONG>
<CITE> BOILEAU l'art po&eacutique</CITE>
<CODE> for i:= jamais to toujours do j'aime HTML ce n'estpas du TurboPascal </CODE> la police utilisée estnon proportionnelle
<DFN>pour faire des définitions </DFN>
<SAMP>on peut tout taper *µ&@=$£ sauf des marqueursHTML </SAM>
<KBD> style clavier keyboard</KBD>
<FONT SIZE="+2"Color=cyan>fixation de la taille des caractères et d'unecouleur spécifique (codes couleurs vus plus loin)=</FONT>

II 3 - caractèresparticuliers

Les caractères diacritiquesparticuliers, les balises, les séparateurs peuvent êtres utilisésmais pour cela ils sont représentés par une suite de caractèresencadrés par les balises : & et ;

III - Ligne horizontale

marqueur : <HR>
attributs :

• WIDTH= nombre entier[%] si % présent, indication donnée en pourcentage de la dimension relative de l'écran ; si % absent, en nombre de pixels
• ALIGN= "left | center | rigth " , "left" par défaut
• SIZE= nombre entier
• NOSHADE sans ombre

REMARQUE : on peut aussi utiliser uneligne de fabrication personnelle (vu plus tard)