こんにちは、わっぺんです。
Progate学習初日の続きです!
※ちなみに、前回の記事はこちらです。
わっぺん、”見出しと段落”を学ぶ
前回は”タイトルタグ”を学んだわけですが、”見出しと段落”について学んでいくようです。
これは・・・
今すごく興味がある項目だ!
他の方のブログを読んでいると、見出しが色付きの枠で囲ってあって、とっても読みやすいんですよね。一方、私のブログはずらっと文字の羅列・・・。「どうやってやるんだろう?」と思っていたところでした。さすがおすすめコース・・・!この単元を終える頃にはきっとこのブログも見やすくなっている、はず(まだ完了度4%だけど)。
さて、タイトルタグは[<h1>~~</h1>]という表示でしたが、見出しは、この番号が2,3,4・・・と増えていくんですね。そして、「見出しの下にあるかたまり=段落」を[<p>~~</P>]で囲む、と。
ん?
「<p>で囲めば改行される?」
もしかして、改行問題は[<br>]じゃなくて、[<p>]を使うべきだった・・・?
※改行問題についてはこちらをどうぞ
・・・もしかしたら、両方のタグを使い分けるのが正解だったのかもしれないと気づきましたが、とりあえず今は知らないふりをして学習を進めます。きっと後から改行についてもどこかで教えてくれるはず。
さて、ここまで学んでまた実習です。これでレベル3になるのかな?
ぽちっ
しーん
あれ?レベルアップしない・・・?
よくよく画面を見ると経験値ゲージ(EXPゲージ)の数値が増えています。どうやら、”1課題クリア=1レベルアップ”ではなくて、”1課題クリア → 経験値獲得 → 経験値たまればレベルアップ”という仕組みのようです。さすがにそう簡単にはレベルアップしないか。
ではここからはどんどん学習進めていきましょう。
(わっぺん学習中ですしばらくお待ちください)
はい。一時間やったので戻ってきました。およそ一時間で、”HTML&CSSの基礎の基礎”的な部分を終えたよう?です。ここから、実際に目標となるものを作っていく単元に入るようです!わっぺんの目標である、”見出し表示”についてもう少しですかね。
続きはまた明日更新します!
Progate学習1日目まとめ
【本日学んだこと】
・見出しと段落タグ
・リンク作成方法
・画像の表示方法
・リストの表示
・文字の色、大きさ、種類の変更
・背景の色や幅の変更
・特定のものの変更方法(classについて)
【学習時間】
1時間10分
【本日のレベル】
レベル1 → レベル6
わっぺん
※学習2日目の様子はこちらからどうぞ!
コメント