圧倒的に早い。エクセルからリンク付きリストHTMLを作る方法:エクセルHTMLコーディング

圧倒的に早い。エクセルからリンク付きリストHTMLを作る方法:エクセルHTMLコーディング

以前、書いたエクセルのデータからHTMLのテーブルにする技の続きです。

今回はリスト形式のリンクをエクセルから作る方法をお知らせしたいと思います。

データの形式

リンク用のテキストと、飛び先のURLが別々のセルに記入されている一覧があるとします。

今回は都道府県の名前とサイトURLを用意しました。

エクセルサンプル 都道府県

B列に都道府県名、C列にURLの形式です。

HTMLタグをセルの中に用意

以前のエクセルコーディングの時のように計算式の中にHTMLを書いても良いのですが、計算式の中では”(ダブルクォーテーション)が文字として出力できず属性値が書けないのため、別セルに準備しておいて計算式で読み込む方式でいきます。

サンプル エクセルコーディング 02

  • F1セルに「<li><a href=”」
  • G1セルに「” target=”_blank>”」
  • H1セルに「</a>」

をそれぞれ入力しておく。

セルを参照して結合していく

サンプル エクセルコーディング 03

  1. セルに「=(イコール)」を入力
  2. 順番に「&」で繋いでいく
    セルをクリックして「&」を打つと楽
  3. HTMLが書いてあるセルはコピーしても位置がずれないように固定化しておく。
    セルの位置を表すアルファベット、数字の前に「$」を記入

完成したコード

=$F$1&C2&$G$1&B2&$H$1

あとはコピーするだけ

コピーする画像

入力したセルの左下にある■をダブルクリックする、もしくは下にドラッグしてコピーしたら自動的にHTMLの型になったリストが作られます。

以上。

お気づきだと思いますが、サンプルは間違ってHTMLを書いています。
Aタグの開始タグの外にtarget属性の閉じ「”」が書いてありますのです。

別に間違ったわけじゃないんだからね

Web/Design/Creativeカテゴリの最新記事