リストとリンク

導入

箇条書きや、他のページへの移動（リンク）は、どんなWebページにも登場します。

説明

箇条書き は、リスト全体を <ul>（順序なし）または <ol>（順序あり）で囲み、各項目を <li> で表します。

<ul>
  <li>りんご</li>
  <li>みかん</li>
</ul>

リンク は <a> 要素で作り、飛び先を href 属性 で指定します。属性は開始タグの中に 名前="値" の形で書きます。

<a href="https://example.com">サンプルへ</a>

やってみよう

下のエディタにリストとリンクを打ち込み、プレビューで「・」付きリストと、クリックできる青いリンクが表示されることを確かめましょう。

演習

<a> を使い、href に https://www.google.com を指定した「Google」というリンクを作ってください。