Sunteți pe pagina 1din 12

<HTML> <HEAD> <META NAME="AUTHOR" CONTENT="MOI"> <TITLE>premier titre</TITLE> </HEAD> <BODY> Ma premi&egrave;re page en HTML </BODY>

</HTML>

Tailles des textes


<H1>Titre de Taille 1</H1> <H2 ALIGN=CENTER> Titre de Taille 2 <BR> (centr&eacute;e)</H2> <H3 ALIGN=RIGHT> Titre de Taille 3 <BR> (cadr&eacute;&agrave; droite)</H3> <H4>Titre de Taille 4</H4> <H5>Titre de Taille 5</H5> <H6>Titre de Taille 6</H6> Titre de Taille 1

Titre de Taille 2 (centr)


Titre de Taille 3 (cadr droite)

Titre de Taille 4
Titre de Taille 5
Titre de Taille 6

Les Balises : <Big>..</Big> et <Small>..</Small> Ces balises permettent d'agir sur la taille actuelle du texte. L'criture des lignes suivantes permettra la visualisation de:

Un texte de taille standard <BIG>plus gros <BIG> plus gros <BIG> plus Un texte de taille standard plus gros gros </BIG></BIG></BIG> plus gros

plus gros

<H2>Un Titre2 <Small> plus petit <Small> plus petit <Small> plus petit </Small></Small></Small> </H2>

Un Titre2 plus petit plus


petit plus petit

Styles du texte (standards)


Les Balises : <B> <U> <I> <S> <SUB> <SUP> Ces balises permettent d'obtenir les modifications classiques dans le style d'criture. L'criture des lignes suivantes permettra la visualisation de:

<P><B>Texte en Gras</B></P> <P><U>Texte soulign&eacute;</U></P> <P><I>Texte en Italique</I></P> <P><S>Texte barr&eacute;</S></P> <P>Texte avec <SUB>indice</SUB></P> <P>Texte avec <SUP>exposant</SUP></P> Texte en Gras Texte soulign Texte en Italique Texte barr Texte avec indice Texte avec exposant

Styles du texte
Les Balises : <TT> <Strong> <Blink> Ces balises permettent d'obtenir autres modifications de style d'criture. L'criture des lignes suivantes permettra la visualisation de:

<P><TT>Texte type machine &agrave; &eacute;crire</TT></P>

Texte type machine crire

<P><STRONG>Texte de style Texte de style pais &eacute;pais</STRONG></P> Texte clignotant <P><Blink>Texte clignotant</Blink></P>

Style du texte: couleur, forme


L'criture des lignes suivantes
Texte d'&eacute;criture standard, <FONT COLOR="#C7050E">puis de couleur rouge </FONT>, <FONT COLOR="#006600" > puis de couleur verte </FONT>, <FONT SIZE=+4>puis de taille +4</FONT>, <FONT SIZE=-2>puis de taille 2</FONT> et retour &agrave; l'&eacute;criture standard

permettra la visualisation de:

Texte d'criture standard, puis de couleur rouge, puis de couleur verte, puis de taille +4, puis de taille -2 et retour l'criture standard

Mise en page
Les Balises: <P> <Blockquote> <Div> <Center> <BR> L'criture des lignes suivantes <P> ceci est un paragraphe </P> <BLOCKQUOTE><P>Texte tabul&eacute;</P> <BLOCKQUOTE> <P>deux fois</P> </BLOCKQUOTE> </BLOCKQUOTE> <CENTER>Texte centr&eacute;</CENTER> <Div Align=RIGHT> texte justifi droite </Div> <Div Align=Center> texte justifi <BR> au centre </Div> <Div Align=Left> texte justifi <BR> <BR> gauche </Div> <P ALIGN=RIGHT> ceci est un paragraphe <BR> align&eacute; sur la droite</P> Texte centr texte justifi droite texte justifi au centre texte justifi gauche ceci est un paragraphe align sur la droite permettra la visualisation de:

ceci est un paragraphe Texte tabul deux fois

Mise en page (les listes)


Les Balises:

<DL><DIR><Menu><OL><UL>et<LI>
Il existe plusieurs types de listes, donnant des prsentations diffrentes: - Les listes de "Dfinitions" avec <DL>..</DL> . - Dans ce cas en utilisant la balise <DT> (terme dfinir) la suite du texte se trouve align sur la marge gauche et en utilisant la balise <DD> (dfinition du terme) la suite du texte se trouve dcale vers la droite (tabul). - Les listes de "Rpertoires" avec <DIR>..</DIR> . Les lments de la liste ("paragraphes") sont alors prsents avec un interligne similaire celui des paragraphes et tabul sur la droite. Ils sont en outre prcds d'une "puce" (petit marqueur prenant la forme d'un cercle, d'un disque ou d'un carr. - Les listes de "Menus" avec <Menu>..</Menu> . La prsentation est similaire aux listes de Rpertoires.

- Les listes de "Numros" avec <OL>..</OL> . Les lments de la liste sont alors prsents avec un interligne rduit, dcals vers la droite et sont prcds d'un "numro". L'utilisation des attributs TYPE, START et COMPACT permettent la modification de la numrotation. - TYPE = 'valeur' muni de la valeur A, a, I, i, 1 permet la "numrotation" A, B, C,... ou a, b, c... ou I, II, III ou i, ii, iii - START = nb permet de commencer la "numrotation" partir de nb. - COMPACT permet l'criture de "numros" plus compacts - Les listes "Puces" avec <UL>..</UL> . La prsentation est similaire au liste de Menus. L'utilisation de l'attribut TYPE avec les valeurs disc, circle ou square permet de dcider de la forme de la puce.

L'criture des lignes suivantes

permettra la visualisation de:

Kilo: <DL> Mga: <DT>Kilo: prfixe <DT>M&eacute;ga: multiplicateur (un <DD>pr&eacute;fixe multiplicateur (un million) ex: million) ex: m&eacute;gaoctet: mgaoctet: unit unit&eacute; de mesure de la de mesure de la m&eacute;moire d'un ordinateur mmoire d'un <DT>Giga: ordinateur </DL> Giga: <DIR> <LI>1er &eacute;l&eacute;ment (liste de r&eacute;pertoire) <LI>2&egrave;me &eacute;l&eacute;ment (liste de r&eacute;pertoire) <LI>3&egrave;me &eacute;l&eacute;ment (liste de r&eacute;pertoire) </DIR> 1er lment (liste de rpertoire) 2me lment (liste de rpertoire) 3me lment (liste de rpertoire)

<MENU> <LI>1er &eacute;l&eacute;ment (liste de menus) <LI>2&egrave;me &eacute;l&eacute;ment (liste de menus) <LI>3&egrave;me &eacute;l&eacute;ment (liste de menus) </MENU> <OL> <LI>Liste de num&eacute;ros: 1er &eacute;l&eacute;ment <LI>2&egrave;me &eacute;l&eacute;ment <OL TYPE=a START=11> <LI>terme 1 (sous liste 2) <LI>terme 2 <LI>terme 3 </OL> <LI>3&egrave;me &eacute;l&eacute;ment <OL TYPE=I START=3> <LI>terme 1 (sous liste 3) <OL TYPE=I COMPACT> <LI>terme 1 (sous liste 1 de la sous liste3) <LI>terme 2 </OL> <LI>terme 2 </OL> <LI>4&egrave;me &eacute;l&eacute;ment </OL> <UL TYPE=SQUARE> <LI>Terme 1 <LI>Terme 2 <UL> <LI>terme 1 (sous liste 2) <LI>terme 2 </UL> <LI>Terme 3 <LI>Terme 4 </UL>

1er lment (liste de menus) 2me lment (liste de menus) 3me lment (liste de menus)

1. Liste de numros: 1er lment 2. 2me lment k. terme 1 (sous liste 2) l. terme 2 m. terme 3 3. 3me lment terme 1 (sous liste 3) I. terme 1 (sous liste 1 de la sous liste3) II. terme 2 IV. terme 2 2. 4me lment III.

Terme 1 Terme 2 o terme 1 (sous liste 2) o terme 2 Terme 3 Terme 4

Mise en page (les traits)


La Balise: <HR> Cette balise permet de tracer un trait de sparation dans le texte. Elle peut tre utilise avec les attributs SIZE, WIDTH, ALIGN ou NOSHADE qui permettent la modification de l'aspect du trait. - SIZE="nombre" donne l'paisseur du trait -WIDTH="nombre" ou "pourcentage" donne la longueur du trait soit en nombre de points (nombre) soit en pourcentage par rapport la taille de la fentre (pourcentage) - ALIGN=CENTER, LEFT ou RIGHT permet de centrer le trait ou de l'aligner gauche ou droite - NOSHADE supprime l'ombre du trait L'criture des lignes suivantes permettra la visualisation de:

<P>Texte suivi d'un trait de Texte suivi d'un trait de longueur 100 et centr&eacute;</P> longueur 100 et centr <HR ALIGN=CENTER WIDTH="100"> <P>Texte suivi d'un trait d'&eacute;paisseur 4</P> <P><HR SIZE="4"></P> <P>Texte suivi d'un trait sans ombre</P> <P><HR NOSHADE></P> <P>Texte suivi d'un trait occupant 40% de la largeur et cadr&eacute; sur la droite.</P> <HR ALIGN=RIGHT WIDTH="40%"> Texte suivi d'un trait d'paisseur 4

Texte suivi d'un trait sans ombre

Texte suivi d'un trait occupant 40% de la largeur et cadr sur la droite.

S-ar putea să vă placă și