作成ファイル・保存場所
html-basic フォルダを作成し、その中に html01.html というファイル名で保存してください。
エディタの準備がまだの場合は、下記のブログ記事を一度ご参照ください。
あわせて読みたい
無料の高機能コードエディタ Visual Studio Codeのセットアップ
Web制作やプログラミングの学習を始めるなら、まずはVisual Studio Code（通称：VSC）を使えるようにしておきましょう。WebtrauningでもVSCを使ったカリキュラムになっ...
あわせて読みたい
Visual Studio Codeの使い方【HTML入門編】｜フォルダ作成・ファイル保存・Live Serverプレビューの手順
Web制作・プログラミングの学習を始めたばかりの方へ。この記事では、無料のコードエディタ「Visual Studio Code（VS Code）」を使って、HTMLファイルを作成し、保存し...
目的
HTMLの基本構造を理解し、身近な題材（自己紹介）を使って簡単なWebページを作成する。
指示
以下の条件に従って、HTMLファイルを作成してください。
- HTML5の基本構造を正しく書くこと
- ページタイトルを「HTML課題01」に設定すること
<body>内に以下の内容を表示すること<h1>タグで「自己紹介」という見出しを表示<p>タグで簡単な自己紹介文を記述
チェックポイント
<h1>と<p>の使い方は適切か<title>や<meta charset>など、基本の<head>タグが正しく記述されているか- インデント（字下げ）や閉じタグは正確か
HTMLの解答例
基本のコードが間違っていないか確認しましょう
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML課題01</title>
</head>
<body>
<h1>自分の名前</h1>
<p>自己紹介文を入力しましょう</p>
</body>
</html>
