![見出し画像](https://assets.st-note.com/production/uploads/images/146933239/rectangle_large_type_2_370e3b1179dd3decc70e6d6c6ee08cad.png?width=1200)
Photo by
aoming
来週からHTML? CSS?
今週は、Excelの学習週間。
来週からは、HTMLとCSSの学習になりそう。今のところの予定では。
HTMLは、簡単に言えば顔のパーツ。CSSは、化粧のイメージ。
そして、HTMLはボックス(箱)で考えていく。ボックスで設計していく。
HTMLの構成要素はこんな感じ。これはあくまで一例だけど。
1 ヘッダ(header要素)
Webページの上部の部分をヘッダと呼ぶ。ヘッダには、Webページのタイトルやロゴ、ナビゲーションメニューなどを含むことが多い。
2 ナビゲーション(nav要素)
グローバルメニューなどのナビゲーションとなる部分はnav要素でグループ化。
3 メイン(main要素)
Webページのメインコンテンツとなる部分はmain要素でグループ化。
⑴ アーティクル(article要素)
記事という意味であり、Webページの中核をなすコンテンツ。
⑵ セクション(section要素)
テーマ性に基づいた情報のまとまりのこと。別ページにある記事の概要を、あるテーマに基づいてまとめたりする場合に使用する。
4 アサイド(aside要素)
Webページのメイン部分とは関連性の低い情報のまとまりのこと。
5 フッタ(footer要素)
Webページの下部の部分。コピーライトや各種リンクを含むことが多い。
6 ディビジョン(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についても書こうかな。
この記事が気に入ったらサポートをしてみませんか?