プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

HTMLの書き方

 

 htmlファイル

——————————————————————

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
</head>
<body>
<h1>ホームページの見出し</h1>
<p>最初のホームページが完成しました!!</p>
</body>
</html>

——————————————————————

 

解説 

——————————————————————

<!DOCTYPE html> → HTML形式で書くことをコンピューターに伝えている
<html>

———ブラウザのタイトルに表示されるコード———
<head>
<meta charset="utf-8"> → コードの種類を表している
<title>ホームページのタイトル</title>
</head>

——————————————————————

———————ブラウザ画面内に表示されるコード——————————
<body>
<h1>ホームページの見出し</h1> → 見出し
<p>最初のホームページが完成しました!!</p> 
</body>

——————————————————————
</html>

——————————————————————

 ・ ここでは、<html>、<head>、<body>の3つの階層構造で成り立っている

 

プログラミング言語で書いた文章のことを「コード」と呼ぶ

 

・タグは「<> </>」と表記する

・「<>」→開始、「</>」→終了

・例 <html> </html> →意味:開始から終了まで「html」ですよ

 

・<p> = 段落