ProgateでHTML&CSSを勉強してみた②＜リンク・画像・リスト＞

こんにちは。Kazu（@bs_0318)です！

今回は、

1. リンクを作成するには
2. 画像を表示するには
3. リストを作るには

この３つの方法を書いていきたいと思います。

前回の記事では、見出し・段落の付け方を書きました。

Progateでプログラミングの勉強を始めてみた～導入編～

今回の３つは、少し実践的ですが、簡単なので、すぐに覚えられると思います。

では、順に見ていきましょう。

リンクを作成するには

リンクを作成するには<a> </a>のタグを使います。例えば以下のように表します。

画像を表示するには

次は、画像を表示してみます。

タグは以下のようなものを使います。

リストを作成するには

最後に、リストの作り方です。リストとは、

このように、箇条書きなどで表すもののことです。タグは以下のものを使います。

開始タグは<ul>、終了タグは、</ul>です。

このタグを使う事で、先ほどの画像のような黒点の箇条書きの形になります。

<ul>ではなく、<ol>にすると、黒点ではなく、連番の数字になります。覚えておくといいでしょう。

まとめ

以上、今回は３つのことを書いてきました。

前回の段落・見出しよりも若干複雑だったかもしれません。
ですが、何度もいいますが、一度やってみてください。実際に作業してみると

「あ、こんなもんか。簡単じゃん！」

って思うと思います。

一度で覚えようとせず、気楽に体験してみてください。

今回も最後までご覧いただき、ありがとうございました。