kodama web site

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

本日の呟きとか

もうどうにでもなーれ

コーディング練習

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

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

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

<article>
<h1>主の自己紹介</h1>
<p>わたしが何者なのかお話します。</p>

<--メニュゥ-->
<nav>
	<ul>
		<li>私について</li>
		<li>趣味</li>
		<li>学習言語</li>
	</ul>
</nav>

<--コンテンツ-->
<section>
	<h2>自己紹介</h2>
	<p><strong>プログラミング好き</strong>の暇人です</p>
</section>
<section>
	<h2>趣味</h2>
	<p><em>プログラミング</em>,ウェブデザイン,ゲーム,旅</p>
</section>
<section>
	<h2>学習言語</h2>
	<p>html,xml,sql,css,javascript,php,kotlin,etc...</p>
</section>

</article>

<--引用-->
<blockquote>
	引用引用引用引用引用引用
	<cite>引用元</cite>
</blockquote>

<div>
	<p>文章文章文章文章</p>
	<p>文章文章文章文章</p>
	<p>文章文章文章文章</p>
</div>

</main>

<--リンク集-->
<article>
	<h3>学び続けなくてはならない</h3>
		<p>ウェブの学習には終わりがない。</p>
		<p>学び続けないとならん。</p>
		<p>萎えそうです。</p>
		<a href="XXX.com/hoge.php" rel="nofollow">記事の続きはこちら</a>
<article/>
<article>
	<h3>複数言語でウェブサイト作成</h3>
		<p>ごっちゃになって意味不明になる。</p>
		<p>小まめにコメントを添える。</p>
		<p>慣れるしかない。</p>
		<a href="XXX.com/hoge.php" target="_blank">記事の続きはこちら</a>
<article/>

<--宣伝-->
<aside>
	<h4>ツイッタァやってます</h4>
	<p>いいね＆フォロー歓迎。</p>
</aside>

<--フッタァ-->
<footer>
	投稿年月日：<time>令和2年3月17日</time>
	<address>XXXXXXX@XXXX.JP</address>
	© kodama
</footer>

<script></script>

</body>
</html>

コーディング練習

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

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

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

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

<--コンテンツ-->
<section>
	<h2>自己紹介</h2>
	<p><strong>プログラミング好き</strong>の暇人です</p>
</section>
<section>
	<h2>趣味</h2>
	<p>プログラミング,ウェブデザイン,ゲーム,旅</p>
</section>
<section>
	<h2>学習言語</h2>
	<p>html,xml,sql,css,javascript,php,kotlin,etc...</p>
</section>

</main>

<--リンク集-->
<article>
	<h3>学び続けなくてはならない</h3>
		<p>ウェブの学習には終わりがない。</p>
		<p>学び続けないとならん。</p>
		<p>萎えそうです。</p>
		<a href="XXX.com/hoge.php" rel="nofollow">記事の続きはこちら</a>
<article/>
<article>
	<h3>複数言語でウェブサイト作成</h3>
		<p>ごっちゃになって意味不明になる。</p>
		<p>小まめにコメントを添える。</p>
		<p>慣れるしかない。</p>
		<a href="XXX.com/hoge.php" target="_blank">記事の続きはこちら</a>
<article/>

<--宣伝-->
<aside>
	<h4>ツイッタァやってます</h4>
	<p>いいね＆フォロー歓迎。</p>
</aside>

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

<script></script>

</body>
</html>

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

コード練習