Udemyにて学習したことについて備忘録としてまとめてみました。
Udemyでwebについて学習したことまとめ①
の続きになります。
備忘録のようなものですが、もしご興味あれば
引き続きお付き合いください。。。
HTML文章の基本構造
以下HTMLの構造と説明となります。
- DOCTYPE宣言
- 使用するHTMLの種類を宣言
- html要素
- HTML文章の最上位要素
- head要素
- 文章タイトル、文字コード、キーワード、説明文、関連ファイルなどの文章の基本構造
- body要素
- 本文
メタデータ
データに関する情報を記す。
例)このデータはキャラセットUTF-8を使用する。
<meta charset="UTF-8">
title
ブラウザのタブに表示されているタイトル
例)<title>はじめてのHTML</title>
html lang
言語設定
例)日本語を使用する。
<html lang="ja">
要素の入れ子とドキュメントツリー
要素の入れ子
ドキュメントツリー
ドキュメントツリーはDOMと呼ぶ。
それぞれをオブジェクトとみなし、オブジェクトをノードと呼ぶ。
はじめてのHTML
VSCodeを使用した、htmlファイルの作成を解説
1.FileからOpen Folderをクリックする。
2.今回使用するフォルダを選択し(testフォルダ)フォルダーの選択ボタンを押下する。
3.New Folder(赤枠のアイコン)を押下する。
4.フォルダ名(今回はhtml-basicとする)を付ける。
5.右クリックでNew Fileを選択する。
6.ファイル名(拡張子.htmlにする)を付ける。
7.作成されたファイルにhtml文章を書きこんでいく。
