I’m learning xhtml and Css and I decided to build a website while learning. It doesn’t make any sense; it’s just so that I practice the codes. I’m also learning to build a website in French and I was trying to see if I could type the accents. Everything went fine up until I added links. Although I’m adding them the right way, or at least I think I am , they not only don’t show up, but worse most of the content disappears. I tried many times to find what went wrong, but I can’t seem to find anything.
This is the code without adding the links and below the code after adding the links. I would love to know how I could solve the problem.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“En” >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv=“Content-Type” content="text/html; charset=utf-8 />
</head>
<body>
<h1>Comment écrire en français sur un document HTML </h1>
<h2>Particularités</h2>
<p>Je veux juste essayer cette page pour voir si on peut taper les accents dans des textes html. Ça serait super si je pouvais le faire. Ça me sera super utile</p>
<p>J’ai vraiment hâte de voir ce que ça va donner sur le web et j’ai aussi hâte de construire mon website. J’aime le HTML, c’est pas de ma faute. J’aime le web design! Bon je crois que je vais arrêter de radoter </p>
<h1>Alors ça donne quoi finalement?</h1>
<p>Bon maintenant qu’est ce que je vais raconter? Il faut dire que je me suis super bien sentie aujourd’hui. J’ai aussi remarqué que j’ai beaucoup d’énergie dernièrement. Je pense que c’est du au fait que je fais pas mal de releasing </p>
<p>Mais bon je n’en suis pas sûre non plus. La vie est belle. J’ai de l’énergie. Je suis positive et je me sens bien. Que demande le peuple!Mais il me reste encore beaucoup à faire car j’ai toujours de la peur en moi. Je veux me libérer de cette peur, me libérer complétement.</p>
<p>Il faut dire que j’aime <em>la vie </em> de plus en plus! Je la trouve très <em>belle</em> Et oui! Moi qui était plutôt <strong> pessimiste </strong></p>
<p>C’est vraiment la 1<sup>ère</sup> fois que je prends la vie du bon côté, que je ne passe pas mon temps à pleurnicher sur mon sort. Je trouve d’ailleurs mon sort plutôt beau!</p>
<p>Il y a une fable que j’aime beaucoup. Je pense que vous la connaissez. Il s’agit de <em> Le Renard et le Corbeau</em>. Voici le texte:</p>
<blockquote>
<p>
Maitre corbeau sur un arbre perché<br/> tenait en son bec un fromage.<br/> Maitre Renard par l’odeur alléché<br/> Lui tint à peu près ce langage<br/>Bonjour monsieur du Corbeau<br/>Que vous êtes joli<br/></p>
</blockquote>
<p>Bon maintenant je dois mettre des liens sur ce forum. Alors si je me souviens bien pour mettre un lien, il faut faire ça. Bon comme je suis bête. J’ai oublié de vous présenter le lien que je voulais mettre. Alors je crois que je vais mettre le plus simple. Juste pour essayer Alors à mon avis le plus simple c’est Google bien sûr!</p>
</body>
</html>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“En” >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv=“Content-Type” content="text/html; charset=utf-8 />
</head>
<body>
<h1>Comment écrire en français sur un document HTML </h1>
<h2>Particularités</h2>
<p>Je veux juste essayer cette page pour voir si on peut taper les accents dans des textes html. Ça serait super si je pouvais le faire. Ça me sera super utile</p>
<p>J’ai vraiment hâte de voir ce que ça va donner sur le web et j’ai aussi hâte de construire mon website. J’aime le HTML, c’est pas de ma faute. J’aime le web design! Bon je crois que je vais arrêter de radoter </p>
<h1>Alors ça donne quoi finalement?</h1>
<p>Bon maintenant qu’est ce que je vais raconter? Il faut dire que je me suis super bien sentie aujourd’hui. J’ai aussi remarqué que j’ai beaucoup d’énergie dernièrement. Je pense que c’est du au fait que je fais pas mal de releasing </p>
<p>Mais bon je n’en suis pas sûre non plus. La vie est belle. J’ai de l’énergie. Je suis positive et je me sens bien. Que demande le peuple!Mais il me reste encore beaucoup à faire car j’ai toujours de la peur en moi. Je veux me libérer de cette peur, me libérer complétement.</p>
<p>Il faut dire que j’aime <em>la vie </em> de plus en plus! Je la trouve très <em>belle</em> Et oui! Moi qui était plutôt <strong> pessimiste </strong></p>
<p>C’est vraiment la 1<sup>ère</sup> fois que je prends la vie du bon côté, que je ne passe pas mon temps à pleurnicher sur mon sort. Je trouve d’ailleurs mon sort plutôt beau!</p>
<p>Il y a une fable que j’aime beaucoup. Je pense que vous la connaissez. Il s’agit de <em> Le Renard et le Corbeau</em>. Voici le texte:</p>
<blockquote>
<p>
Maitre corbeau sur un arbre perché<br/> tenait en son bec un fromage.<br/> Maitre Renard par l’odeur alléché<br/> Lui tint à peu près ce langage<br/>Bonjour monsieur du Corbeau<br/>Que vous êtes joli<br/></p>
</blockquote>
<p>Bon maintenant je dois mettre des liens sur ce forum. Alors si je me souviens bien pour mettre un lien, il faut faire ça. Bon comme je suis bête. J’ai oublié de vous présenter le lien que je voulais mettre. Alors je crois que je vais mettre le plus simple. Juste pour essayer Alors à mon avis le plus simple c’est Google bien sûr!</p>
<p> voici le lien <a href=“http://www.Google.com”>Google</a></p>
</body>
</html>
I added the quote and it didn’t make any difference. The only thing that enabled the complete page to appear is the removal of the quotations marks. But W3C wouldn’t validate it!
I will try to figure it out and see what’s causing that.
Thanks a lot for your help agarcia and xtmlcoder:)
All that was wrong was the missing trailing quote on <meta /> like was mentioned afore. All I can assume you are saving the file wrongly or using the wrong encoding.
Also a link to Google should be; <a href=“http://www.google.com/”>Google</a> but that should resolve itself anyway.
Are you sure you weren’t using curly quotes, or typographer’s quotes something strange like:[SIZE=3] “[FONT=Courier New]http://www.google.com/[/SIZE][/FONT][B]”[/B] as that could effect things.
EDIT: also, I just tried to validate the code, but it wouldn’t check because of the charset…so might want to try using ISO-8859-1 instead of utf-8…seemed to work.
Thank you Agarcia
What does the meta tag have to do with the links? Do they relate to each other?
I don’t understand why when I don’t add the links, the code works fine and then once I add a link almost everything disappears.
I will change the charset and see what happens.
I just changed utf-8 by iso-8859-1 and nothing changed. I still have a website with one word written on it. Once I remove the link in the bottom everything goes back to normal!
I just figured it out… finally!!! It appears that the problem was the insertion of quotation marks around the Google link, which is weird because that’s how I saw it in the tutorial:confused: Oh well! I guess I never stop to learn!
Thank you Agarcia
You’re right Agarcia, I’m struggling now to validate the code!!! I will change the charset and see whether WC3 validates or not.
Yes, it’s amazing! Isn’t!
I still believe that was causing the problem originally…for whatever reason, the above code causing text to display only after it closes the quote???..not sure. All I know is I corrected the above, changed the charset in an example file…and it validates fine.
Agarcia: I changed the charset and I added the closing quote but it didn’t validate! I also tried to validate it without changing the charset. It didn’t either:confused:
hmm…don’t think I changed anything else. here’s the code that I got to validate…see if there are any differences…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="En" >
<head>
<title>Bienvenue sur mon site!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<h1>Comment écrire en français sur un document HTML</h1>
<h2>Particularités</h2>
<p>Je veux juste essayer cette page pour voir si on peut taper les accents dans des textes html. Ça serait super si je pouvais le faire. Ça me sera super utile</p>
<p>J'ai vraiment hâte de voir ce que ça va donner sur le web et j'ai aussi hâte de construire mon website. J'aime le HTML, c'est pas de ma faute. J'aime le web design! Bon je crois que je vais arrêter de radoter </p>
<h1>Alors ça donne quoi finalement?</h1>
<p>Bon maintenant qu'est ce que je vais raconter? Il faut dire que je me suis super bien sentie aujourd'hui. J'ai aussi remarqué que j'ai beaucoup d'énergie dernièrement. Je pense que c'est du au fait que je fais pas mal de releasing </p>
<p>Mais bon je n'en suis pas sûre non plus. La vie est belle. J'ai de l'énergie. Je suis positive et je me sens bien. Que demande le peuple!Mais il me reste encore beaucoup à faire car j'ai toujours de la peur en moi. Je veux me libérer de cette peur, me libérer complétement.</p>
<p>Il faut dire que j'aime <em>la vie </em> de plus en plus! Je la trouve très <em>belle</em> Et oui! Moi qui était plutôt <strong> pessimiste </strong></p>
<p>C'est vraiment la 1<sup>ère</sup> fois que je prends la vie du bon côté, que je ne passe pas mon temps à pleurnicher sur mon sort. Je trouve d'ailleurs mon sort plutôt beau!</p>
<p>Il y a une fable que j'aime beaucoup. Je pense que vous la connaissez. Il s'agit de <em> Le Renard et le Corbeau</em>. Voici le texte:</p>
<blockquote>
<p>
Maitre corbeau sur un arbre perché<br/> tenait en son bec un fromage.<br/> Maitre Renard par l'odeur alléché<br/> Lui tint à peu près ce langage<br/>Bonjour monsieur du Corbeau<br/>Que vous êtes joli<br/></p>
</blockquote>
<p>Bon maintenant je dois mettre des liens sur ce forum. Alors si je me souviens bien pour mettre un lien, il faut faire ça. Bon comme je suis bête. J'ai oublié de vous présenter le lien que je voulais mettre. Alors je crois que je vais mettre le plus simple. Juste pour essayer ;) Alors à mon avis le plus simple c'est Google bien sûr!</p>
<p>voici le lien <a href="http://www.Google.com">Google</a></p>
</body>
</html>
I noticed you were a Mac user (if memory serves) and I would strongly suggest that you get something else to code your websites. There are plenty of great free tools that you can use that are better suited for coding.
Hi kohoutek,
Excellent question! Yes, I am. Why do you think I should get something else to code my websites? I remember reading that at some point we need a better program, but I don’t remember why.
I do have Textwrangler. Most of the books and the Tutorials I’m reading recommend Notepad++, but it’s only for Windows. I honestly dread using TextWrangler. It seems so complicated in my beginner’s abilities.
textEdit is pretty much the equivalent of Notepad (not Notepad ++). Notepad ++ is much more sophisticated. You will see almost no one using either textEdit or Notepad because these tools were not created to create websites.
Things like syntax highlighting, proper indentation, character encoding and all those things that are important for marking up a website should be in your toolbox.
Personally, I’d give a pro tool like TextWrangler or even a more simple tool a chance. You might be needing it long-term anyway, the better you get!
Kohoutek,
I just copied all my HTML codes that were in TextEdit and pasted them in Textwrangler. Then I saved them in my sites with their new names and with the html extension. Now when I click on them to get them to appear in Firefox, nothing happens. What did I do wrong?
I was finally able to link my pages document to my website. TextEdit was the problem. Now to open the documents in Firefox, I have to click/control then open with to select the program to open Textwrangler. It’s a pain… but as long as I could get my document to appear on my website, I’m happy:)
Thank you all:)
, they not only don’t show up, but worse most of the content disappears. I tried many times to find what went wrong, but I can’t seem to find anything.
Alors à mon avis le plus simple c’est Google bien sûr!</p>
It appears that the problem was the insertion of quotation marks around the Google link, which is weird because that’s how I saw it in the tutorial:confused: Oh well! I guess I never stop to learn!