NAKKA-K

## sample001.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>

<body>
	<p>この文章をコピペしたら表示されるよ！</p>
</body>
</html>

## sample002.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample002</title> <!-- ブラウザのタブに表示されるタイトルを設定する -->
</head>

<body>

</body>

## sample003.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample003</title>
</head>

<body>
	<h1>ホームページ</h1> <!-- それぞれのタグによって文字サイズが違い、改行表示される -->
	<h2>目次</h2>

## sample004.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>sample004</title>
</head>

<body>
  <h1>ホームページ</h1>

## sample005.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample005</title>
</head>

<body>
	<p><em>AAA</em></p> <!-- 斜体表示 -->
	<p><strong>AAA</strong></p> <!-- 太字表示 -->

## sample006.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample006</title>
</head>

<body>
	<img src="../image/sample001.jpg"> <!-- 画像の表示 -->
</body>

## sample007.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample007</title>
</head>

<body>
	<p><a href="./sample006.html">sample006</a></p> <!-- 自分のフォルダに存在するHTMLファイルにアクセス -->


## sample008.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample008</title>
</head>

<body>

	<footer> <!-- フッターとしてまとめることによって区切りが分かりやすくなる -->

## sample009-1.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample009</title>
</head>

<body>
	<p style="color:blue;">Hello</p> <!-- pタグ -->
	<font1 style="font-size:25px;">Hello</font1> <!-- fontタグ -->

## sample009-2.html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>sample009</title>

	<style type="text/css"> /*styleタグの中にCSSを記述する*/
		p{color:blue;} /*タグ(今あるタグに情報を追加)*/
		font1{font-size:25px;} /*タグ(新しいタグとして設定)*/
		#font2{font-size:35px;} /*ハッシュ*/
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	</head>

	<body>
	<p>この文章をコピペしたら表示されるよ！</p>
	</body>
	</html>