• 締切済み

URLからリンクを作成するには… HTMLタグ

どの項目に質問して良いのか分からない為、 ここで質問させてもらいます。 表題の通り、下記の様なURLを貼り付けて HTMLタグに変換できるサイトがあったのですが、 どうしてもそのサイトを思い出せず、 プログラムの知識等も無い為、困っています。。。 ひとつのURLを変換してくれる所はあるのですが、 沢山のURLとなると検索等で探してみたのですが わかりませんでした。 その様なサイトをお知りの方、または 特別な知識を必要とせずに下記の様な工程が出来る 方法をお知りの方、ご教授下さい。 以下は無駄なリンクを避ける為にhを全角にしています。 変換前 http://aaaaaaaaaa.com/ http://bbbbbbbbbb.com/ 以下大量 変換後 <li><A href="http://aaaaaaaaaaaa.com/" target="_blank">http://aaaaaaaaaaaa.com/</A> 以下続く

みんなの回答

noname#39970
noname#39970
回答No.2
virtua
質問者

補足

有難う御座います。 しかし特別な知識が必要な為、 今回得たい回答とは若干異なります… 引き続き何か良い知恵をお持ちの方 ご教授下さい。

noname#39970
noname#39970
回答No.1

テキストエディタの置換機能によって置換すれば良い。 URLしかないリストのテキストであるならなお簡単。 そうでなくても正規表現の置換が使えるやつならかなり希望の事ができる。

virtua
質問者

補足

補足願います。 具体的にどの様な置換を行なえば何千ものURLを 一発で置換出来るのでしょうか? http://aaaaaaaaaa.com/ を <li><A href="http://aaaaaaaaaaaa.com/" target="_blank">http://aaaaaaaaaaaa.com/</A> に置換する際にaaaaaaaaaaaの部分は全て違う為、 悩んでいます…

関連するQ&A

  • 大量のURLからリンクを作成するには… HTMLタグ

    どの項目に質問して良いのか分からない為、 ここで質問させてもらいます。 表題の通り、下記の様なURLを貼り付けて HTMLタグに変換できるサイトがあったのですが、 どうしてもそのサイトを思い出せず、 プログラムの知識等も無い為、困っています。。。 ひとつのURLを変換してくれる所はあるのですが、 沢山のURLとなると検索等で探してみたのですが わかりませんでした。 その様なサイトをお知りの方、または 特別な知識を必要とせずに下記の様な工程が出来る 方法をお知りの方、ご教授下さい。 以下は無駄なリンクを避ける為にhを全角にしています。 変換前 http://aaaaaaaaaa.com/ http://bbbbbbbbbb.com/ 以下大量 変換後 <li><A href="http://aaaaaaaaaaaa.com/" target="_blank">http://aaaaaaaaaaaa.com/</A> 以下続く

  • HTML ページ内のリンクURLに特定の文字を足す

    現状として<div id="kitou">~</div>をPHPで別サイトからニュース欄抜き出して表示しています。 ニュース欄のデータ抜き出し元が相対参照でURLが記述されている為、リンクをクリックすると  自分のサイトドメイン+/news/6548s.html となってしまいます。 ジャバスクリプトで○○○に当たる箇所にデータ抜き出し元サイトのドメインを入れたいのですが 上手に出来ません。 例:<a href="○○○/news/6548s.html"> 現在HPに書いてる内容は下記の通りです。 <div id="kitou">    <ul id="news"> <li> <a href="/news/6548s.html">ニュースを見るにはクリック</a> </li> </ul> </div> 何方かお力添えをお願いいたします。

  • URLを貼り付けたら自動的にHTML化してくれるソフト

    Web制作ソフトを使ったり自力で入力しなくても たとえば、(ノートパッドの様な)軽いエディタで、URLを貼り付けただけで 自動的にHTMLで挟んで表示してくれる様な ソフトってありませんでしょうか…? 例 http://www.okweb.ne.jp/ これを貼ると自動的に↓こう表記される <a href="http://www.okweb.ne.jp/" target="_blank">http://www.okweb.ne.jp/</a> こんなカンジに…(topでも良いのですが) ようは、3・4工程を1工程ですませたいという横着な願いなのですが(笑) もしありましたら教えてやって下さい。

  • スタイルシートの事で?

    カテゴリが違うかもしれませんがお願いします。 下記のタグを表示させると <ul> <li><a href="http://1.com/" target="_blank">テスト1</a></li> <li><a href="http://12.com/" target="_blank">テスト2</a></li> <li><a href="http://123.com/" target="_blank">テスト3</a></li> <li><a href="http://1234.com/" target="_blank">テスト4</a></li> <li><a href="http://12345.com/" target="_blank">テスト5</a></li> <li><a href="http://123456.com/" target="_blank">テスト6</a></li> </ul>  ・テスト1  ・テスト2  ・テスト3  ・テスト4  ・テスト5  ・テスト6 このように表示されますが、スタイルシートを使って下記のように中央で折り返して表示させるにはどうすればいいでしょうか?  ・テスト1 ・テスト4  ・テスト2 ・テスト5  ・テスト3 ・テスト6 よろしくお願いします。

  • htmlソースからアンカータグ内のURLを配列に

    お世話になっております。 file_get_contents()で取得したhtmlファイルのソースにある、アンカータグに設置されている、URLおよび、そのアンカータグに囲まれたテキストを取得して配列に収めたいと考えているのですが、いろいろと調べていても、思うような結果を出せずにいる状況です。 あるサイトにて、以下のようなソースがあり、これをヒントとしているものの、初めて目にする配列の中の配列?に戸惑い、その分解の仕方が分からず、またアンカータグ内に、target="_blank"などの記述があったりすると、配列に収めることが出来なかったりで、対処の仕方がwからずにいる状況です。 $html = ' <ul> <li><a href="http://www.yahoo.co.jp/">Yahoo!JAPAN</a></li> <li><a href="http://jp.msn.com/">MSN</a></li> <li><a href="http://www.google.co.jp/">Google</a></li> </ul> '; $pattern = '/<a href="([^"]+)">(.+?)<\/a>/is'; $match = array(); preg_match_all($pattern, $html, $match, PREG_SET_ORDER); var_export($match); echo "<br><br>"; print_r($match); 知識が乏しく、お恥ずかしいところと思うことろではありますが、アドバイスなど頂戴できれば幸いです。 お忙しいなか恐縮ですが、宜しくお願い申し上げます。

    • ベストアンサー
    • PHP
  • 垂直型のドロップダウンメニューの作成方法について

    http://jsajax.com/Articles/jQueryDropDownMenu2/1088を参考に下記のソースで垂直型のドロップダウンメニューを作成しました(動作はhttp://jsajax.com/Articles/jQueryDropDownMenu2/1088で「このサンプルを編集して試してみる」をクリックし、画面上部のテキストエリアに下記のソースを貼り付け「編集後クリックして実行!」で試す事が出来ます。 また、ローカルで試す場合は、ヘッダ部分に書かれているjsやcssをhttp://jdsharp.us/jQuery/plugins/jdMenu/やhttp://jquery.com/からダウンロードし、パスを調整していただければ大丈夫です)。 【ソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>jQuery - DropDown Menu - Vertical (jdMenu)</title> <link href="jQuery/jdMenu/jquery.jdMenu.css" rel="stylesheet" type="text/css" /> <script src="jQuery/jquery-1.2.6.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.dimensions.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.positionBy.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.bgiframe.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.jdMenu.js" type="text/javascript"></script> </head> <body> <div> <ul class="jd_menu jd_menu_vertical"> <li class="accessible"><a href="#" class="accessible">第1 ≫</a> <ul> <li><a href="#">第2-1 ≫</a> <ul> <li><a href="#" target="_blank">第2-1-1</a></li> <li><a href="#" target="_blank">第2-1-2</a></li> <li><a href="#" target="_blank">第2-1-3</a></li> <li><a href="#" target="_blank">第2-1-4</a></li> </ul> </li> <li><a href="#">第2-2 ≫</a> <ul> <li><a href="#" target="_blank">第2-2-1</a></li> <li><a href="#" target="_blank">第2-2-2</a></li> <li><a href="#" target="_blank">第2-2-3</a></li> <li><a href="#" target="_blank">第2-2-4</a></li> </ul> </li> <li><a href="#">第2-3 ≫</a> <ul> <li><a href="#" target="_blank">第2-3-1</a></li> <li><a href="#" target="_blank">第2-3-2</a></li> <li><a href="#" target="_blank">第2-3-3</a></li> <li><a href="#" target="_blank">第2-3-4</a></li> </ul> </li> <li><a href="#">第2-4 ≫</a> <ul> <li><a href="#" target="_blank">第2-4-1</a></li> <li><a href="#" target="_blank">第2-4-2</a></li> <li><a href="#" target="_blank">第2-4-3</a></li> <li><a href="#" target="_blank">第2-4-4</a></li> </ul> </li> </ul> </li> </ul> </div> </body> </html> ただし、実際に作ってみた所、今私が作っているサイトでは第二階層、第三階層の数が多く、 第一階層(上記ソースの「第1」)をマウスオーバーした際、すべての内容が表示されませんでした。 その為、下記のようなこと(縦だけではなく、横のスペースも有効に使いたい)を行いたいと思ったのですが、どのように記述すれば良いか分からなかったため、アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 【第二階層(第三階層)の現在のイメージ】 第2-1 第2-2 第2-3 第2-4 【第二階層(第三階層)のやりたいイメージ】 第2-1 第2-2 第2-3 第2-4 以上、よろしくお願いします。

  • 一つのリンクに複数のURLを指定

    一つのリンクに複数のURLを指定できますでしょうか? 想像タグ <a href="http://www.google.co.jp/" & "http://www.yahoo.co.jp/" target="_blank">検索</a> JavaScriptでも 構いません。 ネットではこんなのが見つかりました。 Bridges  |  BridgeURL http://bridgeurl.com/

    • ベストアンサー
    • HTML
  • HTML?CSS?どこにどう入れたらいいかわかりません。

    下記のような記述のあるホームページにページにバナーリンクを貼りたいのですが、どこになにをどのようにいれたらいいのか分かりません。 プロの先輩方教えてください。 ちなみにバナーの画像のアップロードはしてます。 宜しくお願いします。 <ul> {foreach link} <li &align> <a href="{link.url}" target="{link.blank}"> {if link.banner_url}<img src="{link.banner_url}" border='0' alt="{link.title}" width="{link.banner_width}" height="{link.banner_height}">{/if} {!if link.banner_url}{link.title}{/!if} </a> </li> {/foreach link} </ul>

  • 正規表現でタグからURLを取り出したい

    こんにちは。 <a href="http://www.x**.com/test/product.php?id=1111&pid=2222&hid=3333&oid=4444" TARGET=_blank> <img border="0" src="http://Y**.com/include/implession.php?pid=2222&hid=3333&flag1=product&id=1111&oid=4444" alt="テスト<BR>正規表現" width="100" height="75"></a> などというタグから リンク先のURLからhttp://をとったもの(ここでは、www.x**.com/test/product.php?id=1111&pid=2222&hid=3333&oid=4444) と ソースURL(ここでは、http://Y**.com/include/implession.php?pid=2222&hid=3333&flag1=product&id=1111&oid=4444) を求めたいんですが、 どのように書けばいいのかわからなくて困っています。 どなたかわかりましたら、ご教授お願いいたします。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=909227 を参考にしてみましたが、この方法だと、TARGET=_blankなども入ってしまいます。

    • ベストアンサー
    • PHP
  • HTMLタグでツリーを作りたいです

    現在FC2ブログを作ってるんですが その中でHTMLタグでツリーを作りたいと思ってるんですが 思う様に出来ない…と言う質問です まず、今回の目的なんですが FC2ブログで言う所のユーザータグを作りたいと思いました ところが…多分…ですが 現在のFC2ブログのユーザータグ用プラグインでは 非常に不自由な設定の為、使用出来ないと判断しました そこで考えたのが、フリーウェアを使用して ツリー表示で類似の物を作るという方法です 内容としては、例えばテレビ番組と その番組に出てる役柄名と役者名をツリー表示でと考え <li>番組名</li> <ul> <li><a href="リンク先">役柄名名</a></li> <li><a href="リンク先">役者名</a></li> </ul> ところが…実際に設置して見ると カテゴリーなら下記画像の様なツリー表示が出るんですが どういう訳か 番組名  ●役柄名  ●役者名 こんな表示で出て来るんです これは、何が悪い(?)んでしょうか?

専門家に質問してみよう