超不器用な自分がHTMLの学習でinputとimageを間違えた話。

本日はHTML,CSSでサイト作り実践...のはずが

本日から学習したことを活かしてサイト作り実践(模写)に入りましたが早速ヘッダーの作成から間違えてしまいました...。

先ずはサンプルの模写サイトを確認、headerの部分のロゴマークはボタンみたいになってるからinputタグを使おう！

<input type="button" value="ロゴマーク">

はいこの時点で間違いですね、当時の自分の中ではボタンみたいに押せる=inputタグを利用してvalueを設定して…みたいな思考になってました。

その時点で学習不足なのが露呈したので再度復習です。

先ずはボタンみたいでは無くリンク先に飛ぶ、又は画像をクリックしてる(今回の例だとロゴマーク)と認識した上でコーディング、そして改めてタグの意味を理解した上で

<img src="ロゴマークのファイル名" alt="ロゴマーク">

と書くのが正解でした、この様にタグの意味や模写するサイトの仕様(リンク先に飛ぶのか画像ファイルを開いているのか等)を理解しない事にはサイト制作どころか模写も出来ません…。

ですがこうして間違いや忘れた個所はその都度復習してまた実践をこなして行けばいずれ上達すると勝手に思い込んでおります！