見出し画像

HTMLを書いてみよう、メモ帳で作る初めてのHTMLファイル

前回はHTMLの全体像(headとbodyの役割)を解説しました。今回は実際にHTMLファイルを作り、メモ帳で書いたものをブラウザで表示させるところまでやってみます。

HTMLの全体フレーム

では実際かいてみよう

まず、HTMLにはタグというものがあります。
たとえばWEBで「こんにちは」と表示したい場合

<p>こんにちは</p>

こんな感じで<p>で始めて</p>で閉じます

<p>を開始タグ、</p>を閉じタグといいます

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>練習</title>
</head>
<body>
    <p>こんにちは</p>
</body>
</html>

全体の骨組みの<head>や<body>にも</head>や</body>のような閉じタグがあります。

<title>というのは、ブラウザを表示したときの上に表示される部分です

これをメモ帳で書いてください htmlファイルとして保存してください ここではtest.htmlとしてみました
※test.txtとならないように注意

メモ帳
名前を付けて保存


htmlファイル

保存したファイルをブラウザで開いてみましょう

test.html

開くとこんな感じになると思います。
<title>練習</title>
<p>こんにちは</p>
は、ここに表示されてます。

test.html

表示されましたでしょうか。
今回使ったサンプルも添付しましたので、よろしければダウンロードしてください。


いいなと思ったら応援しよう!