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

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

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

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

1336閲覧

target="_blank"を使わないとリンク先のサイトが表示されない

sugawa

総合スコア24

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/04/14 04:20

編集2019/04/14 04:44

イメージ説明
上の写真のようtarget="_blank"を入れていると
別のタブで任意のサイトが開きます。

しかし、同じタブで開きたいと思target="_blank"を外すと
イメージ説明
下の写真のようになります。
イメージ説明
なぜだかわかりません。
コードのエラーも出ていませんからブラウザーの関係でしょうか?
教えてください。

コードを追加します。

HTML

1<!DOCTYPE html> 2<html iang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>太郎のポートフォリオサイト</title> 6 <link rel="icon" href="favicon.ico"> 7 <meta name="Description" content="太郎のポートフォリオサイトです。"> 8 </head> 9 <body> 10 <header> 11 <navi> 12 <ul> 13 <li>HOME</li> 14 <li>ABOUT</li> 15 </ul> 16 17 </navi> 18 19 <img src="img/header.png" width="400" height="130" alt="ヘッダー画像"> 20 </header> 21 22 <section> 23 <h1>すがわまこと</h1> 24 <p>プログラミング見習い</p> 25 <img src="img/taro.png" width="140" height="140" alt="太郎の写真"> 26 </section> 27 <section> 28 <img src="img/work1.png" width="400" height="260" alt="勇者ゲーム"> 29 <h1>勇者ゲーム</h1> 30 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです</p> 31 </section> 32 33 <section> 34 <img src="img/work2.png" width="400" height="260" alt="宝探しゲーム"> 35 <h1>宝探しゲーム</h1> 36 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです</p> 37 </section> 38 39 <section> 40 <img src="img/work3.png" width="400" height="260" alt="神経衰弱"> 41 <h1>神経衰弱</h1> 42 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリ</p> 43 </section> 44 <footer> 45 <ul> 46 <li> 47 <a href="mailto:look.zyuuyou@gmail.com" target="_blank"> 48 <img src="img/mail.png" width="20" height="20" alt="メール送信"> 49 </a> 50 </li> 51 52 <li> 53 <a href="https://dotinstall.com/" ><img src="img/blog.png" width="20" height="20" alt="ブログサイトへ"></a> <!--target="_blank"で別タブで開ける--> 54 55 56 57 </li> 58 59 <li> 60 <a href="https://dotinstall.com/" target="_blank"><img src="img/photos.png" width="20" height="20" alt="写真サイトへ"></a> <!--target="_blank"で別タブで開ける--> 61 </li> 62 <p>©︎yamadatarou</p> 63 </ul> 64 65 </footer> 66 67 </body> 68</html> 69 70 71

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

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

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

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

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

sugawa

2019/04/14 05:06

例えばhttps://www.google.comでやっても動きませんね。。。
yoshinavi

2019/04/14 05:14

私の環境(Chrome、Firefox)では、問題が再現されませんでした。
sugawa

2019/04/14 05:16

なんなんですかね〜? 困り果てます・・・
m.ts10806

2019/04/14 05:19

同じく、再現しないですね。 一度、打ち直してみては? あとcssとかほとんど関係ないですしレイアウトとかも関係ないと思うので最小構成で試してから少しずつ肉付けしてみてください
sugawa

2019/04/14 05:20

わかりましたやってみます!!
sugawa

2019/04/14 06:08

わかりました!! dreamweaverで開くとできませんが 普通に、ファイルから開くと行けました。dreamweaverを過信しすぎたようです 今後はファイルからプレビューします!皆さんありがとうございます
m.ts10806

2019/04/14 06:21

なるほど、 次からエディタとブラウザは環境情報として記載するようにしてください。 いずれにしても一般ユーザーはブラウザで観てますので
yoshinavi

2019/04/14 06:23

「解決」であれば、解決までの過程を自己回答で投稿し、ベストアンサーに選ぶことが出来ますので、質問を終了させてください。 (^^)
sugawa

2019/04/14 06:23

わかりました!いつも本当にありがとうございます!
guest

回答2

0

自己解決

わかりました!!
dreamweaverで開くとできませんが
普通に、ファイルから開くと行けました。dreamweaverを過信しすぎたようです
今後はファイルからプレビューします!皆さんありがとうございます

投稿2019/04/14 06:24

sugawa

総合スコア24

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

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

0

問題なく表示されています

投稿2019/04/14 05:24

mochizuki-pg

総合スコア192

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問