kodama web site

気ままに書いてる修行ブログ

コーディング練習

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>HTML構造の復習</title>
</head>
<body>

<--ヘッダァ-->
<header>
	<img src="XXXXX.jpg" alt="ロゴ">
</header>

<--メインコンテンツ-->
<main>

<--メニュゥ-->
<nav>
	<ul>
		<li>自己紹介</li>
		<li>趣味</li>
		<li>学習言語</li>
	</ul>
</nav>

<--コンテンツ-->
<section>
	<h2>自己紹介</h2>
	<p></p>
</section>
<section>
	<h2>趣味</h2>
	<p></p>
</section>
<section>
	<h2>学習言語</h2>
	<p></p>
</section>

</main>

<--リンク集-->
<article>
	<h3></h3>
	<p></p>
<article/>
<article>
	<h3></h3>
	<p></p>
<article/>

<--宣伝-->
<aside>
	<h3></h3>
	<p></p>
</aside>

<--フッタァ-->
<footer>
	投稿年月日：<time>令和2年3月15日</time>
</footer>

</body>
</html>

コーディング練習

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>HTML構造の復習</title>
</head>
<body>

<--ヘッダァ-->
<header>
	<img src="XXXXX.jpg" alt="ロゴ">
</header>

<--メインコンテンツ-->
<main>

<--メニュゥ-->
<nav>
	<ul>
		<li>自己紹介</li>
		<li>趣味</li>
		<li>学習言語</li>
	</ul>
</nav>

<--コンテンツ-->
<section>
	<h2>自己紹介</h2>
	<p></p>
</section>
<section>
	<h2>趣味</h2>
	<p></p>
</section>
<section>
	<h2>学習言語</h2>
	<p></p>
</section>

</main>

<--リンク集-->
<article>
	<h3></h3>
	<p></p>
<article/>
<article>
	<h3></h3>
	<p></p>
<article/>

<--宣伝-->
<aside>
	<h3></h3>
	<p></p>
</aside>

<--フッタァ-->
<footer>
	投稿年月日：<time>令和2年3月15日</time>
</footer>

</body>
</html>

むちゃくちゃ短いコードですが、いかがだったでしょう。