close

ホームページ作り方[htmlの構造]

HTMLの基礎の基礎で簡単に書きましたが、ここではhtmlの基本的な構造について説明します。

タグの色とこのページの背景は対応しています。

<!DOCTYPE html> # 形式的な宣言
<HTML lang="ja"> # HTML開始タグ 言語を指定
<HEAD>

ヘッダタグ参照。

</HEAD>
<BODY>
<nav> # ナビゲーションリンク

メニュー、目次、索引などのリンクを記述します。

</nav>
<header> # 導入的なコンテンツ

見出し要素やロゴ、検索フォームなどを記述します。

</header>
<aside>

メインコンテンツと間接的な関係しか持っていない文書を記述します。

</aside>
<main> # メインコンテンツ
<section> # セクション

章や段落などまとまった文章がわかるように分けて記述します。

</section>
<article> # その他

例:フォーラムの投稿、雑誌や新聞の記事、ブログの記事、商品カード、ユーザーが投稿したコメント、対話型のウィジェットやガジェット、その他の独立したコンテンツの項目。

</article>
<footer> # フッター

著作権表示や参考リンクなどを記述します。

</footer>
</main>
</BODY>
</HTML>

HTMLの基礎の基礎/ヘッダタグ/リンクの張り方/リストの作り方/文字の修飾/テーブルの作り方/画像の貼り方/