2022/02/23 学習開始!

HTML・CSS基礎②基本構造

HTML・CSS基礎についての記事はこちら

htmlファイルの記述の順番

最初に記述するタグはDOCTYPE宣言

htmlファイルの1行目に記述するのはDOCTYPE宣言です。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

DOCTYPE宣言とは、このファイルがHTMLであるということをブラウザに認識させるためのものです。

続いてHTML要素の記述

<html>と</html>のタグで囲まれた範囲を、html要素という。
WEBサイトに表示したい内容は、すべてこのタグの中に記述する。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

head要素の記述

head要素には、WEBサイトのタイトルや情報、各種設定用のタグ(CSSの読み込みなど)を記述する。
head要素内の情報はWEBサイトには表示されず、ブラウザや検索エンジンに向けられた情報になります。
html要素の最初の子要素として一つだけ使用できる。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

body要素の記述

body要素には、ブラウザに表示される内容を記述します。
<body>と</body>の間に見出し・文章、画像などを表示するタグを記述することで、コンテンツを作成します。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

LOGBLO.を参考に簡単に記述

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

今日の積み上げ

  • HTML基礎

ブログランキング・にほんブログ村へ

この記事を書いた人
あいざわ

劇場を作ることを人生の目標に、プログラミング学習をはじめたデザイナー。

●学習したことをノート替わりにまとめたり
●学習ロードマップ・学習方法
●個人開発アプリの開発記録

などを残していきます。

あいざわをフォローする
HTML / CSS学習ログ
スポンサーリンク
あいざわをフォローする
スポンサーリンク
LOGBLO.
タイトルとURLをコピーしました