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