友だち思い!
昨日、娘と一緒にお風呂に入りながら子供は純粋な心をもっているなと感じました!
娘「明日、サンタクロースさん来てくれるかな?」
私「サンタクロースさんも忙しいから夜遅くに来るんじゃない?」
娘「お友達が来ないかもっていってたよ」
私「お友達のところこないの?」
娘「お片付けとかお手伝いしないから来ないかもしれないんだって!」
私「そうなんだ!でも、これからちゃんとお手伝いとかお片付けすればサンタクロースさんお友達のところ来てくれると思うよ!」
娘「私は、お手伝いもお片付けもちゃんとしたからサンタクロースさんくるでしょ?」
私「いっぱい頑張ってたし、サンタクロースさんもみてくれているからくると思うよ!」
娘「明日お友達に教えてあげるね!」
娘は基本的にお手伝いもお片付けも率先してしてくれる!
たまにいやいやいうときがあるがそれはしょうがない!
純粋に信じられるってすばらしいことだと思う!
コンテンツの作成
コンテンツの作成
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- コンテンツの作成
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
コンテンツの作成
コンテンツを作成するには枠組みを作成します。
<div class="contents">
<h3>test1</h3>
<div class="contents-item">
<img src="https://・・・・">
<p>test2</p>
</div>
</div>
h3で見出しを付けます。
contents-itemでクラスを持つ<div>要素
imgで画像を指定します。
<p></p>で画像の下に文字を入力します。
毎日少しづつ頑張ろう!!
観察されている
昨日は、娘と折り紙で遊んだ!
娘が折り紙がしたかったみたいだ!
折り紙で何を作ったかというと、食事を作った!
カレー
サラダ
鍋(ちゃんこ)
パフェ
など
いつもは1つの作品を一緒に作るのだが、昨日急に
娘「パパはパパで作って!」
私「一緒に作らないの?」
娘「2つつくるの!パパのと私の!」
私「わかった!」
ということで私はもくもくとはさみやらで切ったり、折り紙を曲げたり、丸めたりとしていると視線を感じた!
私「どうしたの?つくらないの?」
娘「作ってるよ!パパの真似をしながらつくってるの!」
娘は私の作業をじ~とみて、なにも言わず、同じものを作っていた!
紙を着る大きさなどは違いがあるがほぼほぼ私が作ったものと同じになっており、
使用している色、組み立て方など一緒であった!
こうやって親の真似をするんだね!
mainの構造
mainの構造
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- mainの構造
- span要素
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
mainの構造
MAIN要素は”copy-container””contents””contact-form”で構成されます。
copy-containerのHTML記載方法
<div class="copy-container">
</div>
contentsのHTML記載方法
<div class="contents">
</div>
contentsのHTML記載方法
<div class="contents">
</div>
span要素
文中の一部にCSSを適用させたい場合は<span>要素で囲います。
例は以下の通りです。(test2のみ色を変更する)
HTMLファイル
<h1>
test1<span>test2</span>
</h1>
CSSファイル
span {
color:#ff0000;
}
上記の記載方法で、test1は黒文字、test2は赤文字になります。
毎日少しづつ頑張ろう!!
こっちも修行中!
子供の思考がわからないときがある!
子供は何でも遊び道具になってしまう!
箸やスプーン 私のズボン、私のYシャツなどいろいろ!
昨日帰宅すると娘が玄関まで迎えに来てくれた!
手洗いとうがいをしていると
娘「縄跳びできたよ!」
私「おぉ!すごいじゃん!今度見せて」
娘「いいよ!見せてあげる!こっち来て」
私「手洗いうがいが終わったら行くから先にリビング行ってて!」
がちゃ
娘「みてて!」
ジャンプ・・・・
私「??」
娘「なんでできない?」
私「・・・」
娘「これがいけないのかな?」
私「それパパのワイシャツだよ!」
何でも遊び道具にしてしまい、こわれたものもある!
すぐにおこってはいけないと感情のコントロールをしなければ!
この感情のコントロールが非常に難しい
修行あるのみだな!
フッター
フッター
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- フッターの記載方法
- フッターのレイアウト
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
フッターの作成方法
フッターの左側にはロゴがあり、右側にはリストがあります。
HTML記載
<div class="footer">
<div class="footer-logo">TEST1</div>
<div class="footer-list"
<ul>
<li>会社概要<li>
<li>問合せ<li>
</ul>
</div>
フッターのレイアウト
ヘッダーを作成した際に、”float””padding”を使用しましたが
フッターのレイアウトを作成する際にも使用する事ができます。
HTMLファイル
<div class="header-list">
<ul>
<li>ヘッダーリスト1<li>
<li>ヘッダーリスト2<li>
</ul>
</div>
<div class="footer-list">
<ul>
<li>フッターリスト1<li>
<li>フッターリスト2<li>
</ul>
</div>
CSSファイル
.header-list {
color:#ff0000;
}
.footer-list li{
color:red;
}
毎日少しづつ頑張ろう!!