HTMLタグを書いてみる　デイトラDAY3-1

タグで囲む

HTMLはタグと、コンテンツの組み合わせで書いていく。

例：　<p>30DAYS Trial is fun!</p>

コンテンツの前に書くのが「開始タグ」

コンテンツの後ろに書くのが「終了タグ」

開始タグと終了タグは1セット

見出しと段落

見出し：<h>タグ

段落：<p>タグ

ｈ：Headingの略　h1～h6まである。

ｐ：paragraphの略

リンクを張る

<a href=”URL”>テキスト</a>

a：Anchorの略

URLにはリンク先のURLを入力。「テキスト」に入力された文字列をクリックするとリンク先へジャンプする。

画像を表示

<img src=”画像のURL”>

画像のURLはネット上のURLまたは、PC内のファイルの場所を入力。

imgタグには、終了タグが無い。

リスト表示

<ul>タグ：数字無しリスト

<ol>タグ：数字付きリスト

リストのタグは<li>タグとセットで使う。

数字無し　例

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

数字付き　例

<ol>
　<li>項目その1</li>
　<li>項目その2</li>
　<li>項目その3</li>
</ol>