EDIT: Je déplace cette discution dans le forum Developpement Web.
Je suis vraiment desolé du double-post.
Bonjour à tous,
je débute dans la programmation de site web avec ce tuto:
http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web-avec-html5-et-css3.html
Cependant, je suis bloqué pour colorer le texte à l'aide de CSS 3. J'ai TextWrangler comme éditeur de texte.
J'ai bien crée un dossier que j'ai appelé HTML, dedans j'ai:
- un fichier test1.html qui contient ce code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>
<body>
<h1> Bonjour! </h1>
<p>
Bonjour et <strong>bienvenue</strong> sur mon site ! <br />
<h2> Mais... </h2>
Pour l'instant c un peu vide mais vous allez voir après<strong>
</strong>
</p>
<h3> T'inquiètes! </h3>
<p> Vous ne serez pas déçu! </p>
<p> Bientôt ce site ressemblera à: <br />
<ol>
<li><mark> Un site au design irréprochable!</mark></li>
<li><mark> Un site avec un contenu irréprochable!</mark></li>
<li><mark> Un site à la sécurité irréprochable!</mark></li>
</ol>
<p> Ah! J'apprends avec <a href="http://www.siteduzero.com" target="_blank" title= "On y apprend tout de zéro">ce site </a> <br />
Alors si vous êtes aussi interessé par l'informatique (comment creer un site, creer un logiciel, jetez-y un oeil ;-)
</p>
<p> Cette page commence un peu à se remplir et j'ai apris à creer des liens vers une page web existante
donc maintenant je vais vous proposer d'aller (à l'aide d'un lien) sur <a href= "test2.html">la deuxième page de mon site!
</p>
</body>
</html>
- un fichier test 2.html avec ce code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>
<body>
<h1> Bienvenue sur la page 2 de mon site! </h1>
<p> J'ai fais un MIX avec Logic Pro 9 que vous pouvez lire ici: <a href="Windaube MIX.aif"> Mix.aif </a></p>
Ps: Si vous souhaitez télécharger ce fichier, faites un clic-droit dessus puis faites enregistrer sous et choisissez l'emplacement de
sauvegarde.
<p> Voici une image: <br /> <br />
<img src="test.jpeg" alt="iMac 21,5 2011" title="iMac 21,5 2011" />
</p>
</body>
</html>
- un fichier style.css avec ce code:
p
{
color: blue;
}
- un fichier .aif qui se nomme Windaube MIX.aif
- et un fichier jpeg qui se nomme test.jpeg
Pourquoi le texte ne s'affiche pas en bleu ?
Merci de m'avoir lu jusqu'à la fin.
Merci de votre aide
Je suis vraiment desolé du double-post.
Bonjour à tous,
je débute dans la programmation de site web avec ce tuto:
http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web-avec-html5-et-css3.html
Cependant, je suis bloqué pour colorer le texte à l'aide de CSS 3. J'ai TextWrangler comme éditeur de texte.
J'ai bien crée un dossier que j'ai appelé HTML, dedans j'ai:
- un fichier test1.html qui contient ce code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>
<body>
<h1> Bonjour! </h1>
<p>
Bonjour et <strong>bienvenue</strong> sur mon site ! <br />
<h2> Mais... </h2>
Pour l'instant c un peu vide mais vous allez voir après<strong>
</strong> </p>
<h3> T'inquiètes! </h3>
<p> Vous ne serez pas déçu! </p>
<p> Bientôt ce site ressemblera à: <br />
<ol>
<li><mark> Un site au design irréprochable!</mark></li>
<li><mark> Un site avec un contenu irréprochable!</mark></li>
<li><mark> Un site à la sécurité irréprochable!</mark></li>
</ol>
<p> Ah! J'apprends avec <a href="http://www.siteduzero.com" target="_blank" title= "On y apprend tout de zéro">ce site </a> <br />
Alors si vous êtes aussi interessé par l'informatique (comment creer un site, creer un logiciel, jetez-y un oeil ;-)
</p>
<p> Cette page commence un peu à se remplir et j'ai apris à creer des liens vers une page web existante
donc maintenant je vais vous proposer d'aller (à l'aide d'un lien) sur <a href= "test2.html">la deuxième page de mon site!
</p>
</body>
</html>
- un fichier test 2.html avec ce code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>
<body>
<h1> Bienvenue sur la page 2 de mon site! </h1>
<p> J'ai fais un MIX avec Logic Pro 9 que vous pouvez lire ici: <a href="Windaube MIX.aif"> Mix.aif </a></p>
Ps: Si vous souhaitez télécharger ce fichier, faites un clic-droit dessus puis faites enregistrer sous et choisissez l'emplacement de
sauvegarde.
<p> Voici une image: <br /> <br />
<img src="test.jpeg" alt="iMac 21,5 2011" title="iMac 21,5 2011" />
</p>
</body>
</html>
- un fichier style.css avec ce code:
p
{
color: blue;
}
- un fichier .aif qui se nomme Windaube MIX.aif
- et un fichier jpeg qui se nomme test.jpeg
Pourquoi le texte ne s'affiche pas en bleu ?
Merci de m'avoir lu jusqu'à la fin.
Merci de votre aide
Dernière édition:
