programing プログラムNo.8-2 文字の色のプログラム-2
CSSを入力時の注意点 ・CSSを入力時も、インデント（字下げ）をする。 ・CSSのプロパティの末尾にはコロン（:）、行末には セミコロン（;） をつける。 /* CSSを入力時の注意点 */ h2{ ←ここで改行 color: #00...
2021-08
programing programing プログラムNo.8-1 文字の色のプログラム-1
CSSとは？ ・CSS…HTMLの要素に対して色・大きさ・配置等を指定し、ページをデザインする言語 ・HTMLのみでは文字と画像が羅列されているが、CSSを使用することでレイアウトを整える。 CSSに触れてみよう ・CSS…HTMLと別のフ...
programing プログラムNo.7 リンクを作成するプログラム
リンク リンクの作成 ・<a>要素…リンクを作成するテキスト ・テキストを<a>タグで囲み、リンクを作ることが出来る。 ・<a>要素にリンクの飛び先を指定…href属性を追加 ・<a href="url">で書いて、url部分にリンク先のU...
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. 卵を溶き、茹でたほうれん...