HTML 入門トップページ


目次

  1. ホームページ作成はじめの一歩
  2. HTMLの基礎
  3. 基礎的なタグをマスターしよう
  4. HTML 文書を検証してみよう
    1. HTML 文書を準備する
    2. Nu HTML Checker で HTML 文書を検証する
    3. Visual Studio Code で HTML 文書を検証する
  5. スタイルシート
  6. フォームを使ってみよう
  7. 参考サイト

HTML 文書を検証してみよう

これまでに HTML 文書の基礎的な文法や構文をマスターしました.Visual Studio Code や秀丸エディタなどのテキストエディタでタグを記述すればよいだけですが,タグの入力ミス等のエラーを発見することは容易ではありません.そこで,Nu HTML Checker と呼ばれる HTML 文書検証サービスを利用して文法や構文のエラーを発見・修正しよう.

HTML 文書を準備する

まず,HTML 文書を準備します.下の例にはいくつかのエラーがありますが,目視で発見できるでしょうか?特に慣れない段階では発見は難しいでしょう.

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charaset="utf-8">
<title>ホームページ</title>
</head>
<body>
<p>ホームページを作ってみます。</p>

<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>

</body>
</html>

上の文書をブラウザで表示しても,問題なく表示できてしまいます.

ブラウザでの表示結果

03-00