プログラミング小僧のブログ

元消防士、プログラミング初心者

HTML 復習 Review

今日は先週学習したHTMLの復習アウトプットをしました。

復習した内容とタグの説明を記載し、最後に今回復習に作成したコードを貼り付けています。

今回復習した内容は以下の通りです。

 

・<h><p>タグを使う

・リンクの貼り付け

・画像の貼り付け

・リスト、表の作成

 

HTMLはWebページの文字や画像を作成する際に使用する言語で、HTMLで作成した文章に装飾を施すのがCSSです。HTMLでは文章の目的に合わせて、文章を<>(タグ)で挟み記述していきます。例えば<p>こんにちは</p>のように挟み、終わりのタグには/(スラッシュ)をつけておきます。

次にタグについてですが、<h>タグは見出しを作る際に使用し、<h1>が最も大きく数字が大きくなるに連れて見出しが小さくなります。<p>タグは段落を分ける際に使用します。

リンクの貼り付けは<a href>のタグを使用します。<a href="ジャンプしたいURL">リンク部分の文字</a href>となります。

画像の貼り付けは<img>タグを使用しますが、src属性とalt属性の2つ記載しなければなりません。src属性は画像へのパスを記載し、alt属性には画像が表示されなかったなどの場合の画像説明を記載します。例えば<img src="aiueo.jpg" alt="あいうえお">となり、<img>タグは終わりに</img>をつける必要はありません。

表の作成には<ul>と<ol>のタグを使用します。違いについてですが、<ul>は文頭に・が付き、<ol>では数字がつきます。リストの目的に使い分けるといいですね。

 

 

コード

コード