HTMLでページを作る方法
言語 HTML
作成日 : 2023年11月14日
初公開日 : 2023年11月14日
更新日 : 2023年11月14日
余談
こんにちは Hon-Atsugi_expressです。
いろいろな人にプログラミングを共有したいと思ったので
コードコレクトと言うサイトを作ってみました
さて、本題に入ります
エディタの説明
テキストエディタはいろいろありますが、今回はVS-codeで説明します。
OSはWindowsである前提です。
インストールも終わっている前提で話します。
まずは window + e でファイルマネージャーを開きます。
そして好きな位置にHTMLファイルを作ります。
それをVS-codeで開きます
そして開いたファイルに以下のコードを記入します
コード
コードはこちらです
<!DOCTYPE html>
<html>
<head>
<title>テスト</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
個別に意味を説明します。
<!DOCTYPE html>
<!DOCTYPE html> は文書がHTML5である事を示します。
誤解しやすいですが、これはHTMLタグではありません。
これはドキュメントタイプ宣言と呼ばれ ファイルの先頭に書きます。
このコードを書く事で、HTML文書である事を示します。
これは書かないとバグが発生する恐れがあります、必ず書きましょう。
<html> </html>
<html> </html> はその中に書いた事がHTML文書である事を示します。
これも書かないとバグが発生する恐れがあります、必ず書きましょう。
<head></head>
<head></head>は メタ情報やタイトルなどの文書の指定を入れます。
これは書かないとバグが発生する恐れがあります、必ず書きましょう。
<title>テスト</title>
<title></title> はページにタイトルを付けます
これは書かなくても問題ないです
<meta charset="UTF-8">
<meta charset="UTF-8"> はページの文字コードを指定します
書かないと文字化けする可能性もありますが、書かなくても問題ないです
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> はページのビューポートを指定します
これも書かなくても問題ないです
<body></body>
<body></body>は ページの本文を書きます
これも書かないとバグが発生する恐れがあります、必ず書きましょう。
終わりに
いかがだったでしょうか。
はじめてプログラミングの解説をしてみました。
意見などは下の意見ボックスにお願いします！