CODEWITHSUNDEEP
javascripthtmltwitter
Joseph Luker
Joseph Luker

Reputation: 11

Twitter Timeline Not Showing HTML

Twitter Timeline not showing on this code:

<!doctype html>
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Gavi Soul Offical Website</title>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
  <a class="twitter-timeline" data-lang="en" data-width="500" data-height="700" data-theme="dark" href="https://twitter.com/THE_HOMIE_GAVI... async src=" //platform.twitter.com/widgets.js " charset="utf-8 ">
  </script>
</body>

</html>

Upvotes: 1

Views: 130

Answers (1)

Obsidian Age
Obsidian Age

Reputation: 42304

The problem is with the way you're closing your <a> tag and attempting to run your <script>. You seem to be missing a section of code there.

In addition to this, your code is riddled with HTML syntactical errors, which is why it is not displaying as you'd expect. You'll need to correct these, ensuring that you follow the correct HTML structure.

I've gone ahead and done this for you in the following example:

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Gavi Soul Offical Website</title>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
  <a class="twitter-timeline" data-lang="en" data-width="500" data-height="700" data-theme="dark" href="https://twitter.com/THE_HOMIE_GAVI">Link</a>
  <script async src="//platform.twitter.com/widgets.js " charset="utf-8 "></script>
</body>

</html>

Note the following:

  • Only one doctype
  • A closing " in the href attribute for the <a> tag
  • A closing > and </a> for the <a> tag, with content in-between
  • An opening <script> tag

W3Schools has a good introduction tutorial on this. Once complete, you can validate your code with the W3 Markup Validator.

Simply replace the href in your <a> tag (currently https://twitter.com/THE_HOMIE_GAVI) with the relevant Twitter link.

Hope this helps! :)

Upvotes: 2

Related Questions