connecting...
Google translation for articles :
1 NEMBER donated to you!!

プログラミング学習中 HTML編

nem0.85xem (1) 83 2 0
いぬ 2020-01-01 00:26:46

macbook proを買ってプログラミングの勉強を始めた。

勉強後のまとめ、macのタイピングの練習のために書いていくことにする。


【やったこと】
progate HTML編の1〜23ページ
(HTMLとCSS)
ドットインストールの「初めてのHTML」1〜14ページ

ページの構造をどう表現するかはなんとなく理解できた。
おそらく全て覚える必要はないと思うが、それぞれのタグやクラスがどのような意味を持って配置されるのかはすぐイメージできるようになるまでは時間がかかりそうな気がする。
感覚的にはやり続けていないと忘れてしまうと思うので、できるだけ継続して取り組んでいきたい。

 

border, padding, marginは、ボックスモデルという概念に基いている。
HTMLの全ての要素には、border(初期状態では表示されない)があり、その外側の余白はmargin, 内側の余白はpaddingとなっている。
padding=詰め物→borderの内側に詰める感じで余白ができる
top,right,bottom,leftの順で指定する。

borderプロパティは
border:太さ 種類 色; と指定する。

文の一部にCSSを適用する場合は<span>要素で囲む。
 
floatプロパティは文字の並びを指定する。
float:left; とすると文字列が左から並ぶ。
 
inputは1行分の文字が打てるスペースが作られる。(終了タグ不要)
textareaはこちらが指定する幅のテキストエリアが作れる。
 
input type="submit" とすると送信ボタンが作られる。
input type="submit" value="任意の文字列"とすると、ボタンの中に任意の文字列が表示できる。
 
ここまででいったんprogateのHTML & CSS初級編が完了。
 

あとmacの英⇄かなの変換がどうしても慣れない。
バックスペースやカーソル移動の速度が遅い。
自動変換は便利である一方、変な変換になることもあって制御が難しい。

設定もいろいろいじってみて自分が使いやすいようにカスタマイズしようと思う。

 

2019年末からプログラミングの勉強と、禁煙をしているので引き続き頑張ろうと思います。

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
いぬ
2020-01-01 21:53:28ID:167118

>>matsuno.::さん
コメントありがとうございます!! 頑張りましょうね!!
よろしくお願いいたします〜!

matsuno
2020-01-01 21:26:43ID:167100

あけましておめでとうございます!私もプログラミング真面目にやろうと思っていますのでどうぞよろしくお願いいたします!

NEMber who posted this article

37067
0

Why don't you read following articles?


99.925 XEM
590 17 4

12.2964 XEM
431 13 0

2.75 XEM
89 3 0


0.85 XEM
205 6 0


0.65 XEM
131 2 0