Photo by
aoming
来週からHTML? CSS?
今週は、Excelの学習週間。
来週からは、HTMLとCSSの学習になりそう。今のところの予定では。
HTMLは、簡単に言えば顔のパーツ。CSSは、化粧のイメージ。
そして、HTMLはボックス（箱）で考えていく。ボックスで設計していく。
HTMLの構成要素はこんな感じ。これはあくまで一例だけど。
１ ヘッダ（header要素）
Webページの上部の部分をヘッダと呼ぶ。ヘッダには、Webページのタイトルやロゴ、ナビゲーションメニューなどを含むことが多い。
２ ナビゲーション（nav要素）
グローバルメニューなどのナビゲーションとなる部分はnav要素でグループ化。
３ メイン（main要素）
Webページのメインコンテンツとなる部分はmain要素でグループ化。
⑴ アーティクル（article要素）
記事という意味であり、Webページの中核をなすコンテンツ。
⑵ セクション（section要素）
テーマ性に基づいた情報のまとまりのこと。別ページにある記事の概要を、あるテーマに基づいてまとめたりする場合に使用する。
４ アサイド（aside要素）
Webページのメイン部分とは関連性の低い情報のまとまりのこと。
５ フッタ（footer要素）
Webページの下部の部分。コピーライトや各種リンクを含むことが多い。
６ ディビジョン（div要素）
使い方に縛られることなく、あらゆる要素をグループ化する場合に使用する。
これを踏まえて、基本構文を書いてみるとこんな感じ。（になると思う）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>ここにタイトルを入れる</title>
</head>
<body>
<header>
<nav> <!--ここにul（番号なしリスト）とか入れてナビゲーションを作る-->
</nav>
</header>
<main>
<article>
</article>
<section>
</section>
</main>
<aside>
</aside>
<footer>
</footer>
</body>
</html>どんなWebサイトにするのか、構成を考えることが先決だけど、上のような基本構文を何も見ずに打てることは最低限必要。
今日は、HTMLに特化したけど、気が向いたらCSSについても書こうかな。
この記事が気に入ったらサポートをしてみませんか？