質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

Q&A

解決済

1回答

1200閲覧

twitterのタイムラインを埋め込み

rasta

総合スコア95

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

0グッド

0クリップ

投稿2021/02/17 00:53

編集2021/02/17 05:19
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【kani_seisekiバージョンアップ】<br>EAのマジックナンバー指定で成績集計が出来る機能を追加しました✍<br><br>通貨別や曜日の成績や時間帯分析も可能です✌<br><br>無料で誰でもDLできますので、良ければご利用下さい????<br><br>あなたの成績が向上しますよう、応援しております❄<a href="https://t.co/rTcAuvRwI9">https://t.co/rTcAuvRwI9</a> <a href="https://t.co/LnHLwXOsNT">pic.twitter.com/LnHLwXOsNT</a></p>&mdash; fxカニトレーダーカズヤング/オーダーブック専門トレーダー (@keibakinma) <a href="https://twitter.com/keibakinma/status/1359808624369913858?ref_src=twsrc%5Etfw">February 11, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>```

上記を特定のtwitterを選択肢、埋め込みからコピペして、htmlに貼り付けたのですが、何も表示されません。何故でしょうか。

<!doctype html> <head><link rel="stylesheet" type="text/css" href="a.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://kit.fontawesome.com/5da801bed6.js" crossorigin="anonymous"></script> </head> <body> <div class="wrapper"> <header> <div class="left"> <img src="logo-1.png"> </div> <div class="right"> <ul class="oya"> <li>Skill</li> <li>About</li> <li>Contact</li> </div> </header> <img src="cat-1.png"> <main> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【kani_seisekiバージョンアップ】<br>EAのマジックナンバー指定で成績集計が出来る機能を追加しました✍<br><br>通貨別や曜日の成績や時間帯分析も可能です✌<br><br>無料で誰でもDLできますので、良ければご利用下さい????<br><br>あなたの成績が向上しますよう、応援しております❄<a href="https://t.co/rTcAuvRwI9">https://t.co/rTcAuvRwI9</a> <a href="https://t.co/LnHLwXOsNT">pic.twitter.com/LnHLwXOsNT</a></p>&mdash; fxカニトレーダーカズヤング/オーダーブック専門トレーダー (@keibakinma) <a href="https://twitter.com/keibakinma/status/1359808624369913858?ref_src=twsrc%5Etfw">February 11, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="cat"> <p class="chuo">Skill</p> <div class="catp"> <div class="catt"> <img src="cat-2.png"> </div> <div class="catt"> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> </div> <div class="catt"> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> <p>We sleep whenever we want.We sleep wherever we</p> <p>Want.All places can be our beds.</p> </div> <div class="catt"> <img src="cat-3.png"> </div> </div> </div> <div class="cas"> <p class="about">About</p> <div class="two"> <div class="leftt"> <img src="cat-4.png"> <p>We are cute.There is no doubt about this.</p> <p>Nobody can’t object to this fact.</p> </div> <div class="leftt"> <img src="cat-5.png"> <p>We are cute.There is no doubt about this.</p> <p>Nobody can’t object to this fact.</p> </div> </div> <p class="more"><img src="more3.png"></p> </div> </main> <footer> <p>CopyRight Muchkin</p> </footer> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html>

mainの下に記載しています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/02/17 01:06

質問は編集できます。 マークダウンでコードを提示したい場合は ```言語名 ここにコード ``` です。
m.ts10806

2021/02/17 01:07

あと、コピペした 該当箇所はコード内ではどこですか? 単にリンクURLだけのようにも見えますが。
guest

回答1

0

自己解決

回答をえられなかったため、質問を閉じます。

投稿2021/02/20 04:57

rasta

総合スコア95

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/02/21 09:45

そういう閉じ方は推奨されていません。 https://teratail.com/help#resolve-myself 質問に問題があるとは考えませんでしたか? なんかルール守れない人、なんですかね。 厚意で成り立っている場ではNGかと。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問