programing プログラムNo.7 リンクを作成するプログラム
リンク リンクの作成 ・<a>要素…リンクを作成するテキスト ・テキストを<a>タグで囲み、リンクを作ることが出来る。 ・<a>要素にリンクの飛び先を指定…href属性を追加 ・<a href="url">で書いて、url部分にリンク先のU...
programing 
programing プログラムNo.6 画像表示のプログラム
画像を表示する ・<img>要素…画像の表示に使うテキスト ・<img src="url">…src属性のurlの部分に画像のリンクを指定してから画像が表示 ・テキストを囲まれず、終了タグは不必要
programing プログラムNo.5 リストを作成するプログラム
リストを作成する ・リストを作る…<li>要素を使う。 ・箇条書きにするテキストをそれぞれ<li>タグで囲んで、リストを作る。 <ul>要素 ・<li>要素…囲む要素で種類が変わるという特徴がある。 ・<ul>要素…囲むと、黒点が先頭に付く...
programing プログラムNo.4-2 見出しと段落を付けるプログラム-2
見出しと段落 ・<h1>, <h2>, <h3>, <h4>, <h5>, <h6>要素…見出しの大きさや重要性に使い分ける。 ・見出し以外の文…<p>要素を使う。 コメント ・コメント…<!-- -->で囲んだテキスト ・コメントとして入...
programing プログラムNo.4 見出しと段落を付けるプログラム-1
見出し ・h…heading(見出し)の略 ・見出しの要素…<h1>要素以外にも、<h2>, <h3>, <h4>, <h5>, <h6>要素がある。 ・<h1>が一番大きな見出し、<h6>が一番小さな見出し 段落 ・p…paragrap...
cooking No.22 カレートースト
材料 ・食パン ・お好みのレトルトカレー ・とろけるスライスチーズ ・マヨネーズ 作り方 １．食パンに4等分に切ります。 ２．切り取った食パンを1つずつ凹みを押します。 ３．湯せんしたレトルトカレーを食パンの凹みを入れます。 ４．4等分に切...
programing プログラムNo.3 タグでプログラム
「Have nice a day！」テキストを ・開始タグ<h1> ・終了タグ</h1> で囲んでみると、 <h1>Have nice a day！</h1>
cooking No.21 オムレツのパニーニ
材料 パン(ハンバーガーのバンズ) 2個 卵 3個 ほうれん草 サラダ油 適量 作り方 1. 鍋に水を入れて、沸騰したらほうれん草を入れる。 2. ほうれん草が茹でたら、取り出して湯切りして、根の部分を切る。 3. 卵を溶き、茹でたほうれん...
cooking No.20 至高のマカロニ＆チーズ
材料 マカロニ(サラダ用で早ゆで4分のもの) 200g 牛乳 500㏄ チェダーチーズ 6片 ベーコン(ブロック) 80g 玉ねぎ 1/2個 バター 8gのを2個 米粉 大さじ2 コンソメ(固形のもの) 2個 塩 少々 作り方 1．玉ねぎ...
cooking No.19 独りもんカレー3 グチャコロカレー
材料 コロッケ 1個 水 200cc 牛乳 適量 カレールウ 1個 作り方 １．フライパンにコロッケを両面焼いて、取り出す。 ２．次に、フライパンに水を入れて沸騰したら牛乳を入れる。 ３．牛乳と水が煮たら、火を止めてカレールウ1個を入れて溶...