無理しないでゆっくり休んでね!

HTML 紹介

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>コーディングはく(https://codinghaku.com/)</title>
</head>
<body>
    <h1>初めての文章</h1>
    <p>初めての段落です。</p>
</body>
</html>

分析

  • <!DOCTYPE>はドキュメントタイプを宣言するものです。必ずHTML文書の1行目に記述します。
  • <html>は文書がHTML文書であることを指定します。
  • <head>は文書のヘッダ部を指定します。
  • <title>は文書のタイトルを提供します
  • <body>は表示するページ内容を記述します。
  • <h1>は一番大きい見出しです。
  • <p>は段落分けに使われます。

HTMLとは

  • HTMLとは、『 Hyper Text Markup Language 』の略です。
  • HTML はプログラミング言語ではなく、マークアップ言語です。
  • HTMLはタグを使って、webページの内容を記述します。
  • HTMLドキュメントには、タグとテキストコンテンツが含まれています。

HTML タグ

HTML タグは、コンテンツ (タグ名) を山括弧で囲んだものです。

<tagname>content</tagname>

  • HTML タグは、通常 <p> と </p> のように ペアで 使用します。
  • 最初のタグは 開始タグ(start tag) で、最後のタグは 終了タグ(end tag) です。
  • 終了タグはタグ名の前にスラッシュ(/)をつけます。

HTML ページの構造


<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<h1>これは見出し</h1>
<p>これは段落</p>
<p>もう一つの段落</p>
</body>
</html>

<body> エリア(白い部分) のみがブラウザーに表示されます。

<!DOCTYPE>  ドキュメントタイプ

<!DOCTYPE>はドキュメントタイプ宣言と呼ばれ、HTML 文書ファイルの先頭に記述し、その HTML ファイルで使用している HTML のバージョンを宣言します。
DOCTYPE は大文字か小文字かどちらでも構いません。

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

コメント

タイトルとURLをコピーしました