どんとこい!PC情報

はじめてのhtml入門

 

リンクのやり方

リンダではなく"リンク"

?リンクってなんだ?
ページからページへ簡単に(クリック一つで)飛ぶことが出来る。この機能をリンクといいます。

a_href=■ ☆■の中には新しく作った保存先のページ名を入力したり、行きたい場所のURLを入力したりする☆
~の部分の言葉には、そこをクリックすると他のページに行くことができる意味があります。

?URLとは?
インターネットでホームページを表示する際に必要なのが、URL。 いわばインターネット上での住所のようなものです。
(例) http://www.isl.ne.jp/

メモ帳
↑エディタの画面
ブラウザ画面
↑ブラウザの画面
"私の愛犬もっと見てください"のところをクリックすると別のページに移動ができます。
この様な形でリンクはできるのです。

実際にリンクをしてみましょう!

目のアイコン 先ほど作ったソースに付け足してみてください。

<html>
<head>
<title>松本 花子</title>
</head>
<body bgcolor="#ffffcc">
<font size="6" color="#ff6600">
<p>松本花子</p>
</font>
誕生日:平成16年4月1日</br>
出身地:長野県</br>
</font face="MS 明朝">
<p>私の趣味は映画鑑賞です!</p>
</font>
<img src="momo.jpg">
<a href="dog.html">私の愛犬もっと見てください
</a>

</body>
</html>

応用してみよう!

step up ちょっと難しいかもしれないけど、最後に今まで覚えたタグで応用ができます!!
body text ☆■の中にはカラーコードを入力する☆
基本の文字の色をかえ、ページ全ての文字の色の基本色の設定ができる。
body background ☆■の中にはファイル名を入力する☆
背景に画像を使うことができる。
body link ☆■の中にはカラーコードを入力する☆
リンク元の文字の色を変えることができる。
body alink ☆■の中には、カラーコードを入力する☆
アクセス済みのリンクの文字の色の設定をすることができる。
body vlink ☆■の中には、カラーコードを入力する☆
クリックした瞬間の文字の色の設定ができる。

これで、プロフィールのページが完成しましたね☆

コメントの投稿


画像の中に見える文字を入力してください。

トラックバックURL

http://www.isl.ne.jp/cgi-bin/mt/mt-tb.cgi/1158

サイト内検索

twitterTwitter

最新ブログ記事

2014年05月07日

BeagleBoardを使ってみる

BaegleBoardでLinuxをブートする

2011年10月12日

WindowsXPの見た目をWindows7風に変更

カレンダー表示をカスタマイズする

2011年09月14日

WindowsXPの見た目をWindows7風に変更

ウィンドウを半透明化する

2011年09月14日

WindowsXPの見た目をWindows7風に変更

Windows7風にカスタマイズ

2011年05月11日

WindowsXPの見た目をWindows7風に変更

使用ソフト概要説明

アクセスランキング

人気のコンテンツをご紹介!

1位

どんとこいPC情報

CD/DVDの仕組み CD編

3位

どんとこいPC情報

CD/DVDの仕組み DVD

4位

どんとこいPC情報

CD/DVDの仕組み DVD±R

ISL 情報戦略研究所

pagetopこのページの先頭へ戻る