• ベストアンサー

メモ帳でタグを使ってホームページ作り(超初心者)

大学で課題としてホームページ作成があるのですが、今、何の知識もないながらも頑張って作っています。 まず、全体の項目などは作れ、 <h1><a href="リンク先">○○○○○</a></h1> と入力し、インターネットエクスプローラーから開き、表示されたときにカーソルを持ってくると、指のマークがでるのですが、クリックしても何もでてきません。どうしたら、このあと作れますか?? ホームページ作成講座をいくら探しても全くわからないので、誰か教えてください(><)

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

  • ベストアンサー
  • aar03460
  • ベストアンサー率55% (265/474)
回答No.5

<h1><a href="リンク先">○○○○○</a></h1> を記述するファイルをlink-moto.html リンク先のファイルをlink-saki.html とします。 この2つのファイルを同一フォルダに置き、 link-moto.html に <h1><a href="link-saki.html">リンク先へ</a></h1> と記述します。 link-saki.html には何か適当な文字を入れておき、ブラウザで確認して画面が切り替われば成功です。 外部へのリンクの場合は、 <h1><a href="http://www.goo.ne.jp/">gooへ</a></h1> ↑のようにリンク先のURLを記述すればOKです

その他の回答 (7)

回答No.8

<h1><a href="リンク先">○○○○○</a></h1> この場合のリンク先は 同じフォルダにあるhtmlであれば○○○.html 別のフォルダにある場合は./○○○.htmlとなります。 <a href="">の時点でリンクを表す指のマークが出てきます。"○○○.html"が間違えている可能性が高いです。

  • 918BG
  • ベストアンサー率48% (476/984)
回答No.7

>クリックしても何もでてきません。 はて? ホントに本当に何も出てこないのですか? それはおかしいです。他の回答者さんが挙げていらっしゃるように何らかの間違いがあるならば、必ず何らかの「エラーメッセージ」が出るはずなんです。 そのエラーメッセージの内容をここで補足していただければ、原因を絞り込む事ができますし、多分解決のための適切なアドバイスをして差し上げられると思います。 しかしながら、エラーメッセージも出ず、ホントに本当に何んにも出ないという事でしたら、次のような原因が考えられます。 (例) <h1><a href="リンク先">○○○○○</a></h1> と入力した時、"リンク先"の部分に、今まさに質問者さんが製作中のページのアドレスをそのまま記入しているんじゃないでしょうか? つまり、<a></a>のタグでかこまれた部分はカーソルを持ってくると指のマークが出て、クリックすると本来なら他のページに飛んでゆくのですが、この場合は元の同じページに飛んでいるので何も変化が無いように見えているだけなのではないでしょうか。 エラーメッセージの件も含めて補足をお願いしたいです。

  • kaduno
  • ベストアンサー率21% (130/592)
回答No.6

リンク先はhtml ○○○○○は文字列 と解釈して回答します。 例: <h1><A href="link.html">リンク先はこちらです</A></h1> とすれば『リンク先はこちらです』の上にカーソルをもってくると指マークに変わりますし、IEの一番したにあるツールバー?にリンク先のURLが表示されます。 リンク先のURLは絶対Pathでも相対Pathでも書けますので、そのPathの書かれた場所にファイルがあるかどうか確認してください。

  • others
  • ベストアンサー率14% (20/140)
回答No.4

私も最近HPを作り始めた初心者です。 最初はCSSとか知らなくてHTMLだけで作ってました。 そのときに参考にしていたHP作成の手引きのHPを紹介します。 分かりやすく書いてあるので参考にしてみて下さい。

参考URL:
http://heo.jp/tag/index.html
  • bari_saku
  • ベストアンサー率17% (1827/10269)
回答No.3

質問の情報から考えられることとしましては、 ・「○○○○○」以外の場所に全角文字が混ざっている ・「リンク先」に該当する拡張子がついていない ・「リンク先」が同一フォルダ内にない、または存在しない こんなところでしょうか。

  • tom0120
  • ベストアンサー率26% (367/1390)
回答No.2

大学で課題として・・・ なら、「教科書」があるんですよね。 そこに、基本的なことは、書いてないんでしょうか? もし、わからなければ、 「参考書」1冊、買いましょう。 HPを作成するなら、「参考書」1冊なければ、無理だと思います。

  • l-3-ly
  • ベストアンサー率49% (394/793)
回答No.1

URL名が架空のものや間違って入力されているのでは ないでしょうか?

関連するQ&A

  • ホームページでこんな裏技?

    時々、ホームページで、リンクしているところにカーソルをもっていくと指のマークになって、指のマークの周り(下などに)リンクしている タイトルなどが出て、それをクリックすると、リンク先に飛びますが どなたかやり方を教えてください

  • タグ

    リンクをはるタグ(<A HREF="HPアドレス"></A>)を使うと、その文字の上にマウスをあててみると、指の形がでてしまいます。これを消すにはどうすればいいでしょうか? それとわかりやすいタグ講座みたいなHPを知ってる人は教えてください。

  • ホームページ作りで困ってます。。。

    ホームページ作成初心者の者です。もしかしたらカテゴリを間違えたかもしれません。 上記の通り、ホームページ作成に挑戦しています。トップページは出来ました。ですが、次に作ろうとしている「はじめに」というページの作成に当たって壁に当たってしまいました。 次の図のようなレイアウトを目指しているのですが、全く作り方が分からないのです。 ~~↓↓↓図↓↓↓~~ ・項目1 |  内容… ・項目2 |  ……… ・項目3 |  ……… ・項目4 |  ………       |      ~~~~~~~~~~~ ※上の図の補足 ・「項目~」をクリックすると内容のみが項目に応じて変化する ・「|」はバー(?)を表現したつもりです…。カーソルでドラッグすることによって、左右に動くもの(右に動かすと内容の場所が狭まり、左に動かすと項目の部分が狭まる)を想像しています。 全く作り方が分かりません。HTMLやCSS、Javaの知識がまだ未熟だからなのですが… 作り方が分かる方、また、参考になるページを知っている方がいたらお願いします。

    • ベストアンサー
    • HTML
  • ホームページを作ろうと思っている初心者のものです。

    ホームページを作成したい初心者のものです。 リンク先を作りたいと思い、試しにヤフーをリンク先にしてみたのですが、ヤフーに行くための文字がどうしても文字化けしてしまいます。 本当に初心者なのですが、文字化けしないように教えてください。お願いします。 <hgroup> <h1>people</h1> <h2>camera community</h2> </hgroup> <p> peoples<br> train<br> <strong>yamagata</strong><br> <q>consent<q> <small>town</small> tea<a href="http://www.yahoo.co.jp">日本語</a> </p>

  • メモ帳を使ったホームページ作りについてです。

    ホームページをメモ帳で作っている最中の者です。 外部cssをメモ帳で作っているのですが、製作中のホームページのほうに全く反映されていないです。 htmlの<head>付近は、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>記事一覧</title> <link rel="stylesheet" href="homepage/style.css" type="text/css"> </head> <body bgcolor="#00a1e9"> <div align=center> です。css全文は、 @charset "shift-jis"; .p{ font-family: sans-serif; font-size: 90%; } h2{ font-size: 130%; font-family: sans-serif; } a:hover { color: #fcc800; text-decoration: none; } だけです。  同じフォルダー内に入れ、拡張子にも注意しましたした。html全文もhttp://www.htmllint.net/さんのほうでチェックさせてもらって、51点のふつうの評価をもらっています。また、<body>のほうで,フォントの色や形の指定はしていません。 どなたかご教示お願いします。

  • ホームページについて

    私は今年の4月に移動でホームページ担当になりました。仕事はそればかりではありませんが。HPは初めてでよくわかりません。今一番困っているのは、 広報○○月分というところの隣にPDFのマークがあります。そのPDFのところにカーソルを持っていけば指のマークになり、クリックすると、○○月分のデーターのところにリンクするようになっています。ですが、ほかのところはちゃんといい具合にいっているのにある部分だけが指のマークにならず、もちろんリンクしません。HP上ではPDFのマークがでません。そのかわり、白い枠の中に小さな絵のようなものが で出ています。使っているものはホームページビルダー14です。   (早い話)  20号   平成23年2月1日 PDFアイコン←これをクリックすると、指マークになり、リンク先にとびます。他の号はできているのに私がしたところだけできていないのはやり方がおかしいのだと思いますが、どこが間違っているのでしょうか。 やり方はデーターを入れたいところに右クリックでスタイルの設定をし、そのデーターを入れるよう設定はしています。

  • <A>タグについて

    こんにちは。 質問させてください。 <A>タグを使用してリンクをはった部分にアイコンを 載せるとマウスカーソルを変更したいと 考えました。 <A HREF="######" style="cursor:move"> などで変更ができるのですが、 この変更させるカーソルを自分で作成した アイコンなどで表示したい場合はどのようにすれば いいのでしょうか? すみませんが、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 動的にスタイルを変えたい

    リンクをクリックしたら、JavaScriptを走らせたいと思っています。 その際、クリックしたリンクのスタイルシートを動的に変えたいのですが、 やり方を教えていただけないでしょうか。 たとえばですが、 <span class="on">項目1</span> <a href onclick="Start('2')">項目2</a> ここで、項目2をクリックしたら、JavaScriptの Startメソッドが動いた上で、 ↓ <a href onclick="Start('1')">項目1</a> <span class="on">項目2</span> に変化させたいです。 また、リンクに関しては、<a href onclick…>の形式ですと、 リンクを触った時にキャレットになってしまうので、出来れば 普通にリンクを押す時のようにしたい(手のマークのカーソルの状態) のですが、併せて教えていただけないでしょうか。

    • ベストアンサー
    • CSS
  • 見出しタグのつけ方について

    見出しタグのつけ方について 見出しタグのつけ方が今一、理解できません。 下記のようなページの場合、適切な見出しタグのつけ方で適切なのはどれでしょうか? それとも、この3つの中には適切なのはないでしょうか? (特に、メニュー項目をどういう位置づけにしたらいいかがわかりません) 初歩的な質問ですが、よろしくお願い致します。 (1)h1・・・サイトの説明文  h2・・・サイト名  h3・・・Welcame,更新情報,関連リンク (2)h1・・・サイトの説明文  h2・・・Welcame,更新情報,関連リンク (3)h1・・・サイトの説明文  h2・・・HOME,ABOUT,WORKS,ACCESS,CONTACT  h3・・・Welcame,更新情報,関連リンク --------------HTML------------------- <body> <div id="header"> <div id="logo_box">サイト名</div> <h1>サイトの説明文 </h1> <ul id="header_navi" class="clearfix"> <li> <a href="#">HOME</a> </li> <li> <a href="#">ABOUT</a> </li> <li> <a href="#">WORKS</a> </li> <li> <a href="#">ACCESS</a> </li> <li> <a href="#">CONTACT</a> </li> </ul> </div> <div id="inner" class="clearfix"> <div id="contents"> <h3>Welcame</h3> <p>TEXT TEXT</p> </div> <div id="right"> <h3>更新情報</h3> <p>TEXT TEXT</p> <h3>関連リンク</h3> <p>TEXT TEXT</p> </div> </div> </body> ----------------------------------------------------

    • ベストアンサー
    • HTML
  • リンクがあるのに、マウスが上にきても指マークならない方法

    リンクがあるのに、マウスが上にきても指マークならない方法はありますか。 下記だと下線非表示で、色も黒ですが、さらにマウスが来てもカーソルが変わらないように。 <A href="***.html" STYLE="text-decoration:none;color:black">リンク先</A>

    • ベストアンサー
    • CSS

専門家に質問してみよう