2021.08.11
テーマ： HTMLタグのお勉強(104)
カテゴリ： HTMLを知る
前回の
HTMLに追加してみよう１
に、さらに今回は文章の一部から、
別のページに飛ぶようなリンクを付けてみたいと思います。
↓
私の記事で、簡単な方法を紹介しています。</a></p>
赤色の部分を追加しました。
画像のファイル名を変更しています。
<a href="
私の記事で、簡単な方法を紹介しています。
をクリックすると飛ぶようにしたいので、
この文章を
URLを入れた後に一文を入れて
</a>
で閉じます。
さあ、このhtmlを保存して見てみましょう。
↓
「私の記事で、・・・・」
の一文をクリックしてみましょう。
私のブログの別のページに飛びました。
HTMLに追加してみよう１
に、さらに今回は文章の一部から、
別のページに飛ぶようなリンクを付けてみたいと思います。
↓
<!DOCTYPE html>
<html>
<head>
<title>タイトルを入れる</title>
<link href="stylesheet/test.css"rel="stylesheet">
</head>
<body>
<h1>第１章</h1>
<p>早速作ってみよう。</p>
<h2>その１</h2>
<p>パソコンの電源を入れてみよう。</p>
<img src= "pic/green.png">
<h3>その２</h3>
<p>メモ機能を使って作ろう。</p>
<p>メモを開いたら自分が書きたいものを入力していきます。</p>
<p>見やすくするために段落もつけてみましょう。</p>
私の記事で、簡単な方法を紹介しています。</a></p>
<p>好きな画像を入れてみるのもおすすめです</p>
</body>
</html>
赤色の部分を追加しました。
画像のファイル名を変更しています。
<a href="
私の記事で、簡単な方法を紹介しています。
をクリックすると飛ぶようにしたいので、
この文章を
URLを入れた後に一文を入れて
</a>
で閉じます。
さあ、このhtmlを保存して見てみましょう。
↓
「私の記事で、・・・・」
の一文をクリックしてみましょう。
私のブログの別のページに飛びました。
お気に入りの記事を「いいね！」で応援しよう
[HTMLを知る] カテゴリの最新記事
-
cssに追加してみよう3 2021.08.15
-
cssに追加してみよう2 2021.08.12
-
cssに追加してみよう１ 2021.08.11
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
