Skip to content

Instantly share code, notes, and snippets.

@rururu16
Forked from machida/html_practice.html
Last active October 17, 2018 04:45
Show Gist options
  • Select an option

  • Save rururu16/aae26d5f7f8a603ad705ce2fede75050 to your computer and use it in GitHub Desktop.

Select an option

Save rururu16/aae26d5f7f8a603ad705ce2fede75050 to your computer and use it in GitHub Desktop.
HTMLの練習(このレシピにマークアップをしてみましょう)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>カレーのレシピ</title>
</head>
<body>
<article>
<div id="recipe_title">
<h1>カレーのレシピ</h1>
</div>
<div id="description_wrapper">
<div class="description">
誰でもできる、美味しいカレーの作り方です。旦那も息子もこのカレーが大好物。<br>
ポイントは玉ねぎと人参はミキサーで細かくしてしまうところ。逆にコクのある美味しいカレーになります。
</div>
<div id="description_author">
レシピの作者 山田サチ子さん
</div>
</div>
<section id="ingredients_wrapper">
<h2>材料 ( 8皿分 )</h2>
<div id="ingredients">
<dl>
<dt>豚肉(薄切り)</dt>
<dd>300g</dd>
<dt>じゃがいも(中)</dt>
<dd>4個</dd>
<dt>☆玉ねぎ</dt>
<dd>2個</dd>
<dt>☆人参(中)</dt>
<dd>1本半</dd>
<dt>☆にんにく</dt>
<dd>2個</dd>
<dt>ローリエ</dt>
<dd>2枚</dd>
<dt>市販のカレー粉(2種類合わせて</dt>
<dd>1箱分</dd>
</dl>
<h3>調味料</h3>
<dl>
<dt>ガラムマサラ</dt>
<dd>大2</dd>
<dt>こしょう</dt>
<dd>小1</dd>
<dt>ハチミツ</dt>
<dd>大4</dd>
<dt>中濃ソース</dt>
<dd>大1</dd>
</dl>
</div>
</section>
<section id="steps_wrapper">
<h2>作り方</h2>
<div id="steps">
<ol>
<li>
☆を2回に分けてフードプロセッサーにかけます。(人参だけだと、水分が出ないので必ず玉ねぎと一緒に)<br>
ジャガイモは角をとっておきます。(省略可能)</li>
<li>
油をしいた鍋で豚肉を炒めます。<br>
少し白くなってきたら、塩コショウをして炒め、更にお酒を加えて水気がなくなるまで炒めます。
</li>
<li>
鍋に 2.を加え少し色が変わってきたら塩コショウします。<br>
水分がある程度飛ぶまで炒めます。(結構時間がかかります)
</li>
<li>
そこに3.のジャガイモを取った角ごと入れ、簡単に火を通します。<br>
水を加えます。ついでに、フードプロセッサーもキレイに!
</li>
<li>
鍋に水とローリエを加え焦げないよう、たまにかき混ぜながら20〜30分中火→弱火で煮ます。
</li>
<li>
火を止めてカレールウを入れて混ぜ、再度火をつけます。(底が焦げ易いので、マメにかき混ぜて下さい)<br>
10分位煮立て、更に●を入れて10分位煮込みます。<br>
※こしょうは最初少なめに入れ、辛さ調整しながら徐々に足していきます。
</li>
<li>
味が整ったら火を消し完成。<br>
※この時点で多少スパイスがキツくても、置いておけばマイルドになっているので大丈夫です!<br>
スパイスの効いた辛さの中に甘みのあるカレーです! 野菜嫌いでも快く食べられます!
</li>
</ol>
</div>
</section>
<section id="memo_wrapper">
<h2>ポイント</h2>
<div id="memo">
甘さと辛さの調節はコショウとハチミツで!コショウで辛口に、ハチミツで甘さとコクを出します。<br>
焦げやすいので、まめにかき混ぜて下さい。ルウを入れた後はお水を足しながら緩さ調整して下さい。<br>
あればりんご1/3を、2.に投入して下さい。
</div>
</section>
<section id="history_wrapper">
<h2>このレシピの生い立ち</h2>
<div id="history">
野菜嫌いなる主人、息子に野菜を食べてもらおうと、玉ねぎと人参はフードプロセッサーにかけ除けられないようにしたところ、これが我が家のカレーの定番になりました。
</div>
</section>
<section id="comment_wrapper">
<h2>コメント</h2>
<div class="comment">
うちでも試してみました。とても美味しかったです。ありがとうございます。
<div class="comment_author">
投稿者 岩鬼正美さん
</div>
</div>
<div class="comment">
うちの息子も野菜嫌いなのですが、このカレーは美味しく何度もおかわりしてました。
<div class="comment_author">
投稿者 殿馬数人
</div>
</div>
</section>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment