2010年11月21日

HTML 〜リンク作成〜

ちょっとだけwebサイトっぽくなってきました。
次回からはCSSです。

【この課での目標】

ページ・画像へのリンク方法の習得。

【教材範囲】

はじめてのホームページHTML入門 の126〜140ページ

【成果物】

http://programming.so.land.to/20101121-2.html
※Chromeだと見れません。

【つまづいた箇所・解決法】

特になし。

【未解決の悩み】

画像への直接リンクを行う際a href="image/◯◯.jpg"を使うも表示されず。
書き方の問題と言うよりもサーバー周りを理解出来ていない可能性。

【ソース】

※タグの囲み(<)を半角から全角に置換してあります。

<html>
<head>
<title>2010/11/21 A</title>
</head>

<body>
<p>
リンクの練習です。
</p>
<p>
今までの成果物
</p>
<ol>
<a href=http://programming.so.land.to/self.html><li>自己紹介・2010年10月末に作成してみたもの</li></a>
<a href=http://programming.so.land.to/20101120-1.html><li>第一回・HTMLタグ基本の基本</li></a>
<a href=http://programming.so.land.to/20101120-2.html><li>第二回・表作り</li></a>
<a href=http://programming.so.land.to/20101120-3.html><li>第三回・箇条書き</li></a>
<a href=http://programming.so.land.to/20101121-1.html><li>第四回・画像・音楽ファイルの挿入</li></a>
</ol>
<p>
作成者へのメールは<a href=mailto:yuuya.tekitou@gmail.com>こちら</a><br>
※実際には届きません。
</p>
<p>
<a href="self.html">ファイルへのリンクテスト</a><br>
※自己紹介ページに飛びます。<br>
<a href="image/india01.jpg">画像へのリンクテスト</a><br>
</p>
<hr>
<ol>
<a href="#1st"><li>Q:ご飯に1番合うおかずといえば?</li></a>
<a href="#2nd"><li>Q:では2番目は?</li></a>
</ol>
<hr>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="1st">ザーサイ</a>
<a href="#2nd"><li>Q:では2番目は?</li></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="2nd">あ、あんたなんかに教えてなんてあげないんだからっ!!</a>

</body>
</html>
posted by yuuya1986 at 15:27| Comment(0) | HTML | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。