test1.htmlにtarget="_blank"を追加する方法

このQ&Aのポイント
  • 「test1.html」を「別ウィンドウ」で開くためには、リンク要素に「target="_blank"」を追加する必要があります。
  • 具体的には、リンク要素にある「onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;"」の直前に以下のように「target="_blank"」を追加します。
  • <a href="../test1.htm" target="_blank">リンク</a>
回答を見る
  • ベストアンサー

target="_blank"

下記の記述は「test1.html」に飛ぶソースです。 test1.htmlを開く際に「別ウィンドウ」で開きたい為、「target="_blank"」を入れたいのですが、どこに入れれば良いのでしょうか? <div v:shape="_x0000_s3165" class=O onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;" style='cursor:hand;position:absolute;top:22.89%;left:29.78%;width:7.4%; height:3.61%'> <div style='mso-line-spacing:"100 50 0";mso-char-wrap:1;mso-kinsoku-overflow: 1;position:absolute;top:0%;left:0%;width:100.0%;height:100.0%'><span lang=JA style='font-family:"MS Pゴシック";mso-fareast-font-family:"MS Pゴシック";mso-fareast-hint: yes;mso-ansi-language:EN-US'>リンク</span><span lang=JA style='font-family:"MS Pゴシック"; mso-fareast-font-family:"MS Pゴシック";mso-ansi-language:EN-US;mso-special-format: lastCR;display:none'> </span></div> </div> よろしくお願いします。

  • HTML
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

window.open().location.href="../test1.htm"; こうすれば新しいウィンドウを開いて 遷移できるわよ。

その他の回答 (2)

  • lemon530
  • ベストアンサー率35% (13/37)
回答No.3

<A href="test1.html" target="_blank">リンク</A> ↑これだけのことですよね。初歩の初歩。 No.2の方も書かれていますが、ソースを見ただけで吐き気がします。 是非ともワードとかじゃなくてHTMLタグからページ作りやってください。急がば回れです。

  • t_freak
  • ベストアンサー率70% (12/17)
回答No.2

target属性は <a href="~" target="_blank"> と、aタグに記述します。 上記のコードにはaタグが見当たらないですが、どこからリンクさせたいのですか? てか、WordでHTML作るのはお勧めできません。上記のコードのように余計なコードがどっさり入ってファイルを無駄に重くするだけです。

関連するQ&A

  • IE6とFireFoxで表示が異なる。

    以下のような単純な作りのWEBサイト(一部を抜粋してます)なのですがIE6とFireFoxでは表示位置が異なり、IE6に合わせるとFireFoxで表示されず、FireFoxで合わせるとIE6に表示されなくなってしまいます。 <DIV>の指定などが間違っているのでしょうか? IE6とFireFoxどちらも同じように表示するためにはどうしたらよいでしょうか? <TABLE border="0" STYLE="position:absolute;left:0;top:0;width:778;height:790;" cellpadding="0" cellspacing="0" > <TBODY> <TR> <TD valign="top" align="center" > <DIV CLASS="F12" STYLE="position:absolute;left:140;top:13;width:110;height:27;"> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'MS ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=2>会社</FONT></SPAN></B></SPAN>&nbsp;</P> </DIV> <DIV CLASS="F12" STYLE="position:absolute;left:235;top:15;width:157;height:27;"> <SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'MS ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=3> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 105.4pt; mso-text-fit-id: -1204068352"><B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; LETTER-SPACING: 2.1pt; mso-font-kerning: 0pt; mso-hansi-font-family: 'MS ゴシック'">サンプル</SPAN></B></SPAN><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: 'MS ゴシック'"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></B></P></FONT></SPAN></B></SPAN> </DIV> </TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • HTML
  • 別ウィンドウ

    XPを使っておりIE6又は7を使っております。 パワーポイント2003/2007で作ったファイルをhtml保存をして、そのソースを開いて「target="_blank"」を入れたいと思いますが、どこに入れれば良いかわかりません。 あるテキストボックスをクリックすると、「test1.htm」が別ウィンドウで開くようにしたいです。 リンク先が書かれているの2箇所あるので、2箇所コピペします。 1箇所目 <p:shaperange href="s0003.xml#Line_x0020_92"/><![if !vml]><map name="map_s22"><area href="../test1.htm" target="_parent" onclick="window.event.cancelBubble=true;" shape=rect coords="0, 70, 22, 93"></map><![endif]><![if !vml]><img border=0 v:shapes="Line_x0020_92,Text_x0020_Box_x0020_95" src=img007.gif usemap="#map_s22" style='position:absolute;top:44.57%;left:19.31%;width:6.31%; height:22.65%'><![endif]> 2箇所目 <div v:shape="Text_x0020_Box_x0020_95" onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;" style='cursor:hand;position:absolute;top:62.89%;left:20.39%;width:2.16%; height:3.61%'> <div class=O1 style='mso-margin-left-alt:468'></div> <div class=O2 style='mso-margin-left-alt:720'></div> <div class=O3 style='mso-margin-left-alt:1008'></div> <div class=O4 style='mso-margin-left-alt:1296'></div> <div class=O style='text-align:center;mso-line-spacing:"100 50 0";mso-char-wrap: 1;mso-kinsoku-overflow:1;position:absolute;top:0%;left:0%;width:100.0%; height:100.0%'><span lang=JA style='font-family:"MS Pゴシック";mso-fareast-font-family: "MS Pゴシック";color:lime;mso-ansi-language:EN-US'>2</span></div> </div> よろしくお願いします。

  • Notepad++で日本語文字が化ける。

    HTML技術者の皆さんこんにちは。 質問をさせてください。 ある社員がドリームウィーバーで作成したホームページを私が日本語に翻訳 することになりました。私のやり方としては、ページ毎に記述されてる英文を日本語で書き直そうと考えです。 (1)エディターとしてNotepad++を使ってます。ソース中の英文を日本語に書き直すことは出来ます。  しかし、エディターを一旦閉じて再度開くと日本語部分が化けてます。原因を解決を教えてください。 (2)Firefoxで実行して見ると、やはり日本語文書は化けてました。エンコードを日本語に選択すると読める文書と読めない文書が出てきます。 下記のソースは一部分の例です。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'> 2010 Reviews<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> 以下のように書き直しました。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'>2010年度レビュー<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> これだけの修正は不十分ですか?宜しくお願いします。

    • ベストアンサー
    • HTML
  • ビルダー 不要なタグの生成を止めたい

    Dreamweaverを使用してWEBサイトを作っています。 依頼人が更新作業をしているのですが 相手はホームページビルダーを使用しています。 CSSでいろいろ指示をしているテンプレートを作り、 テキスト部分を打ち変えるだけで更新できるようにしているのですが ビルダーでテキストを打つと不必要なタグがやたらと入ります。 たまにフォント指定がバラバラだったりして、明朝とゴシックが混じったような文章になってたりします。 これは相手の操作に問題があると思うのですが(^-^; ソース画面にして、テキスト部分に直接打ち込んで下さいとお願いしているのですが どうしても見やすさから、通常の作業場面(?)でテキストを打ってしまうようです。 「表示がおかしくなったから見てくれ」と頼まれ見ると すごい指定タグの量でびっくりします。 HTMLソースの自動整形やエラー修正のチェックを外したり、 その他いろいろ困る設定は外す事ができたのですが、 このフォントタグの細かな生成には参っています。 こんな感じです↓ <span lang=EN-US style='font-size:11.0pt;color:red'></span>○○テキスト部分○○<span lang=EN-US style='font-size:11.0pt;color:red'></span><BR> <span lang=EN-US style='font-size:11.0pt;color:red'></span>○○テキスト部分2○○<span lang=EN-US style='font-size:11.0pt;color:red'></span><BR> …不要な指示がなぜ入っているのでしょう?? また、文章が終わって何もない所に↓ <span lang=EN-US style='font-size:10.0pt'></span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"MS 明朝","serif"; mso-ascii-font-family:Century;mso-hansi-font-family:Century'></span></p> <span lang=EN-US style='font-size:10.0pt'></span><span lang=EN-US style='font-size:10.0pt'></span> …と、これがたくさん残っています。(なぜでしょう??) 改行タグの前の<SPAN lang=EN-US><o:p></o:p></SPAN>も困ります。 いろいろ書いてしまいましたが、設定でこれらのタグが入らないようにする方法はないでしょうか? また、相手の操作次第(ソース画面で直接打ち込む以外)でなおる方法はあるでしょうか? よろしくお願い致します。

  • FireFox3.5.3でfont-familyが効きません

    FireFox3.5.3で全くfont-familyが効かないのですが、 何か設定があるでしょうか。 使ったhtml --------------------------------------------------------------------------- <html> <head><title>書体テスト</title></head> <body> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS P明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS 明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:serif;"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;"> フォントのテスト </div> </body> </html> --------------------------------------------------------------------------- 各種ブラウザで確認しましたが、FireFoxだけ全くfont-familyが効きません。テスト結果は添付のとおりです。 FireFoxの設定は、オプションのコンテンツ・フォントと配色は「メイリオ」で詳細設定は以下のとおり   プロポーショナル:ゴシック   明朝体:MS P明朝   ゴシック体:メイリオ   等幅:メイリオ よろしく、お願いします。

    • ベストアンサー
    • HTML
  • float: leftで横に並べたら、サファリだけ

    float: leftで横に並べたら、サファリだけ隙間が空いてしまいます。 IEやファイヤーフォックスではピッタリ表示できています。 問題の箇所は以下です。 <div style="float: left;"> <p style="position: relative;"> <img src="./img/img-001.png" width="240" height="150" /> <br /> <span style="font-size: 12px; padding: 2px 5px 2px 5px; position: absolute; top: 130px; left: 0px; width: 230px; height: 16px; color: white ; background-color: black; opacity: 0.6;">テストテスト1</span> </p> </div> <div style="float: left;"> <p style="position: relative;"> <img src="./img/img-002.png" width="240" height="150" /> <br /> <span style="font-size: 12px; padding: 2px 5px 2px 5px; position: absolute; top: 130px; left: 0px; width: 230px; height: 16px; color: white ; background-color: black; opacity: 0.6;">テストテスト2</span> </p> </div> <div style="float: left;"> <p style="position: relative;"> <img src="./img/img-003.png" width="240" height="150" /> <br /> <span style="font-size: 12px; padding: 2px 5px 2px 5px; position: absolute; top: 130px; left: 0px; width: 230px; height: 16px; color: white ; background-color: black; opacity: 0.6;">テストテスト3</span> </p> </div> どうすればサファリの隙間を消せるでしょうか?

    • ベストアンサー
    • HTML
  • パソコンから携帯にメールしたら変なアルファベッドが

    パソコンから30人くらいの携帯に一斉にメールしたときに以下のアルファベッドが本文中の最初に記載されて送信されているらしいです。らしいですというのは本文にそのような記載はないからです。この奇妙なアルファべッドがつかないようにするにはどうしたらよいのでしょうか? @font-face { font-family: Wingdings; } @font-face { font-family: MS 明朝; } @font-face { font-family: MS ゴシック; } @font-face { font-family: Century; } @font-face { font-family: @MS ゴシック; } @font-face { font-family: @MS 明朝; } @page Section1 {size: 595.3pt 841.9pt; margin: 99.25pt 30.0mm 30.0mm 30.0mm; layout-grid: 18.0pt; } P.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } LI.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } DIV.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } A:link { COLOR: blue; TEXT-DECORATION: underline } SPAN.MsoHyperlink { COLOR: blue; TEXT-DECORATION: underline } A:visited { COLOR: purple; TEXT-DECORATION: underline } SPAN.MsoHyperlinkFollowed { COLOR: purple; TEXT-DECORATION: underline } SPAN.EmailStyle17 { FONT-FAMILY: Arial; COLOR: windowtext; mso-style-type: personal-compose } DIV.Section1 { page: Section1 } OL { MARGIN-BOTTOM: 0mm } UL { MARGIN-BOTTOM: 0mm }

  • がん患者インターネット大集会のリンクバナーを私のブログにつけたい

    「第3回がん患者大集会のHP」に  http://www.daishukai.net/2007/main.html 本サイトのリンクバナーがありましたが、これを私のブログにも付けたいと考えています。  Wordに読み込むとどうやら下記の部分が該当部分のようなのですが、どうやれば、いいのでしょうか。 --------------------- <td style='border:none;border-bottom:dashed #CCCCCC 1.0pt;mso-border-bottom-alt: dashed #CCCCCC .75pt;padding:3.75pt 3.75pt 3.75pt 3.75pt'> <p class=MsoNormal><span lang=EN-US style='font-size:10.0pt;color:#444444'>2007</span><span style='font-size:10.0pt;color:#444444'>年<span lang=EN-US>5</span>月<span lang=EN-US>7</span>日 <span lang=EN-US><img border=0 width=18 height=7 id="_x0000_i1044" src="http://www.daishukai.net/2007/img/new-b.gif" align=middle><br> <a href="http://service.okwave.jp/okwave/event/category/742/" target="_blank"><span lang=EN-US><span lang=EN-US>がん患者インターネット大集会</span></span></a><br> <a href="http://service.okwave.jp/okwave/event/category/742/" target="_blank"><img border=0 width=130 height=50 id="_x0000_i1045" src="http://www.daishukai.net/2007/img/banner/ban_okwave.gif" alt="がん患者インターネット大集会"></a><o:p></o:p></span></span></p> </td> ---------------------  リンクバナーをブログのサイドバーにカットアンドペーストしてもうまくいかないようです。

  • 海外からのメールの受信に無意味な文字列が含まれます

    こんにちは。先日、仲の良い海外の方からメールを受け取ったのですが、内容に、無意味な文字列が含まれていました。例えば、 <DIV> <DIV><STRONG><SPAN lang=EN-US style="FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Ariel"> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"> などの文字列で、それが延々と並び、肝心のメールの内容は、この文字列に所々離れた状態で埋まっていました。この文字列が何を意味するのか、またなぜこの様な状態になってしまったのか、もう正確にメールを受信できないのか不安です。  もし、何か分かる方がおられましたら、教えて頂けると、幸いです。

  • 罫表のセルの2重線が表示されない。

    罫表の一部のセルの線種を2重線に変更した所、上手く反映されませんでした。点線とかは反映されるのですが、何がいけないのでしょうか。 下記tableの"たちつてと"のセルの線種を2重線"double"にしてみましたが、IEのブラウザで見ると反映されませんでした。 <table tno=1 style='border-collapse:collapse;border:none'> <tr> <td style='width=100.0pt;border:solid windowtext 1.0pt; padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>あいうえお</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>かきくけこ</p> </td> </tr> <tr > <td style='border-style:dotted;width=100.0pt;border:double windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>たちつてと</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>なにぬねの</p> </td> </tr> </table>

    • ベストアンサー
    • HTML

専門家に質問してみよう