Webコーディング実践編

初めてのコーディング実践編

初めて1からコーディングをする時の手順を公開します!!

今回のコーディング内容

下記の画像の内容をコーディングしていきます。

サンプル画像

samole02

HTMLを作成していきます

HTMLの基本的なテンプレートを準備

コンテンツの大枠から入力

まずは外枠から順番に内容を記載していきます!!
「body」の中に各コンテンツのタグを記載します。

追記ごのタグ

ヘッダー部分のタグを入力

ヘッダー部分のタグを入力します。
「header」内に下記を記載

記載ごのタグ

メインコンテンツ部分のタグを入力

ヘッダー部分のタグを入力します。
「main」内に下記を記載

記載ごのタグ

フッター部分のタグを入力

ヘッダー部分のタグを入力します。
「footer」内に下記を記載

記載ごのタグ

これでHTMLが完成しました。

上記の内容でHTML部分が完成になります。
ここからcssの内容を適用して作業を進めていきます!!

Commentsこの記事についたコメント

%d人のブロガーが「いいね」をつけました。