[Intro] Les langages de base : le CSS

Administratrice Nombre de messages : 11442 Age : 32

mYn a écrit:

QU'EST-CE QUE C'EST ?

Le XHTML (eXtensible HyperText Markup Language) est la nouvelle version du HTML. On entend encore parler assez souvent de HTML (par habitude) mais le nouveau therme est XHTML.

Le XHTML
permet à l'ordinateur de savoir ce que vous voulez qu'il affiche. Pour
faire un site, il faut en plus de taper du texte, insérer des images,
des liens... L'ordinateur a besoin du XHTML pour savoir si
c'est une image, tu texte, un lien ou encore un tableau qu'il faut
afficher sur la page. Il juste sert à mettre le contenu du site. A la
suite du codage XHTML, le contenu est encore 'brut', simple et pas très joli...

C'est à ce moment-là que le CSS (Cascading style sheet) intervient. Il sert a mettre en forme le contenu que l'on a ajouté avec le XHTML. Il permet de décorer les textes, images, titres, tableaux, liens...

LE CODE DE BASE D'UNE PAGE EN XHTML

Voici le plan de base d'une page HTML :

Code:: <html>
<head>
<title>TITRE DE LA PAGE</title>
</head>
<body style=\"color: rgb(0, 0, 0); background-color: COULEUR DE FOND DE LA PAGE;\"
alink=\"#COULEUR DU LIEN ACTIF\" link=\"#COULEUR DU LIEN\" vlink=\"#COULEUR DU LIEN VISITE\">
CONTENU DE VOTRE PAGE (IMAGES, TEXTE, LIENS...)
</body>
</html>

Remplacer ce qui est en majuscule.

Explications des différentes balises :

: Définit le contenu HTML de la page.
: Définit l'en-tête du document.
: Définit le titre de la page.
: Définit le corps du document.

CODE CSS DE BASE [EXEMPLE]

Code:: body
{
width: 440px; /* Largeur de la page */
margin: left; /* Alignement de la page */
margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
margin-bottom: 0px; /* Idem pour le bas du navigateur */
padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
font-size: 11px; /* Taille du texte */
color: #7B7A7A; /* Couleur du texte */
text-align: justify; /* Alignement du texte */
}

B { font-weight: bold; color: #EA0003; } /* texte en gras (changer la couleur) */
I { font-weight: italic; color: #739ED1; } /* texte en italique (changer la couleur) */
U { font-weight: underline; color: #34465A; } /* texte souligné (changer la couleur) */

» [Intro] Les langages de base : le XHTML