Sakartone - Langages Web - HTML - Construction

Langages Web

HTML

Construction

Mise en page

La mise en page

Les balises simples

Description	Code	Visualisation
La balise <BR> permet de passer à la ligne.	essai avec<BR>Sakartone	essai avec Sakartone
La balise <P> permet de passer une ligne.	essai avec<P>Sakartone	essai avec Sakartone
La balise <HR> permet de tiret un trait.	essai avec<HR>Sakartone	essai avec Sakartone

Description	Code	Visualisation
Les élément se trouvant entre <LEFT> et </LEFT> sont alignés à gauche dans la page.	<LEFT> essai avec Sakartone </LEFT>	Sakartone
Les élément se trouvant entre <CENTER> et </CENTER> sont centrés dans la page.	<CENTER> essai avec Sakartone </CENTER>	Sakartone
NOBR	<NOBR> essai avec Sakartone </NOBR>	essai avec Sakartone

Les balises de contrôle

Portion de texte
Les balises <SPAN> et </SPAN> ne permettent rien en elle-mème, mais grâce à leurs propriétés, on peut contrôler une portion de texte ou d'éléments avec du CSS.

CLASS="nom de la classe"
STYLE="langage CSS"

Code :

Bienvenue chez
<SPAN CLASS="Exemple1" STYLE="Color:Purple; Font-weight:Bold">
Sakartone
</SPAN>

Visualisation :

Bienvenue chez Sakartone

Paragraphe simple
Les balises <DIV> et </DIV> permettent de passer à la ligne avant et après les éléments qu'elles contiennent.

ALIGN=
- "Left"
- "Center"
- "Right"
- "Justify"
CLASS="nom de la classe"

Code :

Contrôle de paragraphe simple.
<DIV ALIGN="Right" CLASS="Exemple1">
Avec Sakartone, tout devient plus simple.
</DIV>
Normal !

Visualisation :

Contrôle de paragraphe simple.

Avec Sakartone, tout devient plus simple.

Normal !

Paragraphe
Les balises <P> et </P> permettent de former un paragraphe en passant une ligne avant et après les éléments qu'elles contiennent.

ALIGN=
- "Left"
- "Center"
- "Right"
- "Justify"
ID="nom de la classe par ID"
STYLE="langage CSS"

Code :

Contrôle de paragraphe.
<P ALIGN="Right" ID="Exemple2" STYLE="Color:Purple; Font-weight:Bold">
Avec Sakartone, tout devient plus simple.
</P>
Normal !

Visualisation :

Contrôle de paragraphe simple.

Avec Sakartone, tout devient plus simple.

Normal !

Les balises évoluées

<BLOCKQUOTE></BLOCKQUOTE>
Elles permettent de considérer le texte comme une citation. Elle crée un paragraphe en passant une ligne avant et après. Elle place aussi un retrait de chaque côté du texte.

Code :

Exemple de citation.
<BLOCKQUOTE>
Bienvenue sur Sakartone. Avec Sakartone, tout devient plus simple.
</BLOCKQUOTE>
Normal !

Visualisation :

Exemple de citation.

Bienvenue sur Sakartone. Avec Sakartone, tout devient plus simple.

Normal !

<MARQUEE></MARQUEE>
Elles permettent de faire défiler les éléments placées entre elles. Attention, elles ne fonctionnent qu'avec Internet Explorer.

Code :

Exemple de citation.
<BR>
<MARQUEE>
Avec Sakartone, tout devient plus simple.
</MARQUEE>
Normal !

Visualisation avec Internet Explorer :

Exemple de citation.
Avec Sakartone, tout devient plus simple. Normal !