うさタブ
今回は【リンク】について勉強するッピ！
ユウキ
リンク？？
うさタブ
インターネットのページは、ページ同士を繋げて別のページにアクセスすることができるッピ！
これをリンク・リンクを貼る、というッピよ～
この記事で学べること
- 作ったページの中に、他のページへのアクセスできる【リンク】を貼るやり方
スポンサーリンク
スポンサーリンク
ページとページを繋ぐ【リンク】を貼ってみよう
必要なもの
- メモ帳
- パソコン
- ネットを見るブラウザ
<a>タグを使ってリンクを貼る
うさタブ
ではさっそく【リンク】を貼っていくッピよ～！
うさタブ
<a href="https://janken.asotetu.work/">Hey there！</a><body></body>の中に、この文を足してみるッピ！
サンプルコード
<html>
<head></head>
<body>
<a href="https://janken.asotetu.work/">Hey there！</a>
</body>
</html>文章をクリックして指定したページに飛んでみよう
うさタブ
作ったページが開けたら、
『Hey there！』の部分をクリックするッピよ！
ユウキ
おおおおお！ ページが変わった！！！？
うさタブ
ふふふふ、これがプログラミングの魔法ッピ！
【リンク】を使いこなせば、世界中のたくさんの情報を繋げることができちゃうッピネ！
うさタブ
今回のタグの意味を解説すると、
<a href=”http://janken.chu.jp”>好きな文字</a>
という意味ッピ！
ユウキ
ウェブページってこんなこともできるんだな～
すげーや！
全体のコードの確認
<html>
<head></head>
<body>
<a href="https://janken.asotetu.work/">Hey there！</a>
</body>
</html>学習のまとめ
- <a href=”アクセスしたいサイトのURL”>好きな文字</a>で、ページにリンクを貼ることができる
うさタブ
上手くきたッピか？
次回もホームページの色んな基礎を学んでいくゆえ、楽しみにしているッピよ～！
