基本形式

HTML(Hyper Text Markuop Langage)の基本形式です。
"p”(paragraph文章の段落,節)に積み込みました。<は&lt;に,>は&gt;に変換します。

ブラウザで表示されるHTMLファイルの基本の形式です。
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>ここにタイトル</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
ディバイスの形式に合わせた横幅をしていします。
    <meta name="discription" content="HTMLの基本的な作り方を記録しています。"/>
    <meta name="keywords" content="CSS,ホームページの作り方.サンプル,基本,型式"/>
seoホームページの内容を示します。
  </head>
  <body>
    <h1>「見出し1」</h1>
    <p>「段落」文章
      半角スペースは&nbsp;改行は<br>のコードを入力します。
    </p>
  </body>
</html>

"pre"に積み込みました。fint-sizeは24px(2vw)としました。インデントなどが維持されます。
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
ディバイスの形式に合わせた横幅をしていします。
    <meta name="discription" content="HTMLの基本的な作り方を記録しています。"/>
    <meta name="keywords" content="CSS,ホームページの作り方.サンプル,基本,型式"/>
seoホームページの内容を示します。
    <title>ここにタイトル</title>
  </head>
  <body>
    <h1>「見出し1」</h1>
    <p>「段落」文章
      半角スペースは&nbsp;改行は<br>のコードを入力します。
    </p>
  </body>
</html>

bodyの中にはheader,div,main,pre,code,nav,aside,footer,span等の要素を組み込むことができます。

緑の強調以下のmeta要素は書かなくても良いものです。
書くとseoと言ってhp検索に有利になります。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>ここにタイトル</title>
  </head>
  <body>
    <h1>「見出し1」</h1>
    <p>「段落」文章
      半角スペースは&nbsp;改行は<br>のコードを入力します。
    </p>
  </body>
</html>

この形式で(メモ帳などで編集する)記述します。(インデントすると見やすくなります)。ページをHTMLといいます(ファイル名.html)として保存します。
Hyper Text Markuop Langageの頭文字をとっています。
これらのページがHyper Linkしているものがインターネット,WWWとなります。
Linkする様子を世界中に広がる蜘蛛(くも)の巣を表すWorkd Wide Webといいます。

MDN HTML 要素リファレンス

目次,次へ02文字