Formation SPIP - xhtml et css

Fichier xhtml

Une page minimale mais vide

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
  <head>
    <title>Mon titre de page</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  </head>
 
  <body>
  </body>
</html>

La partie DOCTYPE sert à déclarer la version de html utilisée dans la page pour que tous les butineurs l'interprètent correctement.
La balise <title> définit le titre de la page (celui qui apparaît en titre de la fenêtre du butineur et en titre de résultat de recherche d'un moteur de recherche).
La partie <head> est l'entête de la page.
La partie <body> est le corps de la page. (Pour l'instant, il est vide :) ).

Une page avec un paragraphe et une feuille de style attachée

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
 
 <title>Mon titre de page</title>
 <link rel="stylesheet" href="style.css" type="text/css" media="all" />
 
</head>
 
<body>
 
  <p>Voici mon premier paragraphe<br />
    ce texte est à la ligne dans mon premier paragraphe.
  </p>
 
</body>
</html>

Fichier CSS

body {
 margin: 0;
 
 
 }
 
 
.asca {
 font-variant:small-caps;
 font-style:italic;
 font-family:'Comic Sans MS','arial';
 font-size:28px;
 color:blue;
 font-weight:bold;
 border:1px solid red;
 text-align: center;
 background:#32e125 url(claudia.jpg) no-repeat  top left;
 height:100px;
 padding:10px;
 /*margin: 10px;*/
} 
 
 
#page_accueil {
 width: 1004px;
 height: 758px;
 margin: 0 auto;
 background-image: url(./page-accueil.jpg);
}

Syllene - Wiki

Outils pour utilisateurs

Outils du site

Table des matières

Formation SPIP - xhtml et css

Fichier xhtml

Une page minimale mais vide

Une page avec un paragraphe et une feuille de style attachée

Fichier CSS

Outils de la page