2020-07-26

だるま精進記録3日目

精進記録3日目

どうも、だるまです！

☆目標☆

HTML、CSSを完璧にする
pythonでスクレイピングが出来るようにする
AtCoderで茶色目指す

☆今日したこと☆

「HTML5&CSS3 標準デザイン講座」lesson 7,8

lesson7でつまずいたからあんまり進まんかった

☆勉強メモ☆

ソースコードをそのまま表示させる


  <pre>　　　　　　　　　　　　　　　 #preタグで改行して表示
  <code>コードをここに入力</code>　　#codeタグでフォントをコードっぽく
  </pre>

背景操作


  body{
    background-color: #ff0000;          #背景の色
    background-image: url(背景のurl);     #背景に画像
    background-repeat: repeat/repeat-x/repeat-y/no-repeat; #背景画像の繰り返し方向
    background-position: right/center/left top/center/bottom;  #背景画像の配置
    background: #ff0000 url() repeat-x;  #background関係をまとめて指定できる
  }

ボックスモデルの理解

☆明日の目標☆

HTML5&CSS3 標準デザイン講座」lesson 9,10,11,12

こんな出来るかな〜

☆終わりに☆

ボックスモデルをなんてメモすれば良いのか分からなかったので書いてないです。すいません。

だんだんwebサイトっぽくなってきた印象。嬉しい！

今日もお疲れ様！明日も頑張ろう！！！

昨日の記録はこちら

2020-07-25

だるま精進記録２日目

精進記録2日目

☆目標☆

HTML、CSSを完璧にする
pythonでスクレイピングが出来るようにする
AtCoderで茶色目指す

☆今日したこと☆

「HTML5&CSS3 標準デザイン講座」lesson 3,5,6

今日はHTMLしかやりませんでした。lesson4はチェックボックスだったんですがやるのが面倒なので後回し！

☆勉強メモ☆

語句の強調

語句の強調にはstrongを使う

画像挿入

画像の挿入にはimgを使う

パス

絶対パスと相対パスがある

CSSの主な操作

color:: 文字色
text-align:: 行揃え（left/center/right）
font-size:: 文字サイズ
border:: 線（top/bottom/left/right）
padding maigin:: 内側、外側の余白

勉強メモ雑すぎるかも...

☆明日の目標☆

HTML5&CSS3 標準デザイン講座」lesson 7,8,9,10

先にHTMLとCSSを勉強することにしました。c++はまたいずれやります

CSS入れるだけでだいぶ変わるな...

今日もお疲れ様！明日も頑張ろう！！！

2020-07-25

だるま精進日記1日目

精進記録1日目

☆意気込み☆

どうも、だるまって言います！！HTMlの練習のため、今日から毎日この精進記録を更新する予定です。よろしくお願いします！

自己紹介

名前: だるま
職業: 学生
Twitter: @daruma_037

☆目標☆

HTML、CSSを完璧にする。
pythonでWebスクレイピングが出来るようにする。
AtCoderで茶色目指す。

☆今日したこと☆

「HTML5&CSS3 標準デザイン講座」lesson1,2

☆勉強メモ☆

見出しはh1、h2...と表す
段落テキストはpで表す
箇条書きはul, olで表し、ulは順番が入らない時、olはそれが必要な時
記述リストを表示するのはdl, dt
情報のグループ化にはdivまたはsectionを使う

☆明日の目標☆

「HTML5&CSS3 標準デザイン講座」lesson3,4
AtCoderのc++の勉強

やっぱりまだまだCSSとか練習しないと良いウェブサイトになりませんね...