プログラミング

【プログラミング独学】ProgateでHTMLのタグを学習【1日目】

ジャスタ

こんにちは、プログラミング学習1日目のジャスタです。

私は、プログラミングでHTML、CSS、WordPressがわかるようになりたいと思い、今日から独学を始めました。

このブログでは、プログラミング初心者が独学した内容をこれから1日単位で記録していきます。

ちなみに現時点では、プログラミングスクールに申し込むことは考えていません。

まだ結構な金をかけるほど、のめり込めるかわからないですからね...

なので、これからプログラミング独学を自力で始めようとしている方に、プログラミング独学ってどんな雰囲気か伝われば良いなと思いながら今後ブログを書いて行くつもりです。

前置きはこれくらいにして、プログラミング学習1日目を振り返ってみます。

✔️本日の学習まとめ

・使用した教材:Progate

・学習時間:1時間

・学習内容:HTMLの『タグ』について

上記の内容について振り返っていきます。

プログラミング初学者がどう感じたかをメモとして残していくので、もし興味があったらご覧下さい。

使用した教材:Progate

今日使った教材は『Progate』ですね

有料部分と無料部分があるそうですが、とりあえず無料部分がどんな感じか実践。

最初はいつものようにブラウザはSafariを使おうとしましたが、推奨ブラウザがGoogle Chromeらしいので大人しくGoogle Chromeを使ってやってみます。

なお、SafariとGoogle Chromでやった時の違いは検証してないので、どんな影響があるのかはわかっていません笑。

今日の学習時間:1時間

ジャスタ

今日の学習時間は1時間でした。

仕事を終えて夕飯を食べ、その後にやったらそのくらいになりました。

初日から頑張りすぎても続かないかなとも思ったので。

それでも一応5項目を実践できたみたいです。

今日の学習内容:HTMLの『タグ』について

今日はProgateのHTMLの『タグ』について学習しました。

🔽やってみた感想

『タグ』って何ですか?

ジャスタ

よくわからない...

でもHTMLを書くときは、とりあえず『タグ』で囲んでコード書くみたい。

現時点ではこのくらいの解釈です。

これがどの程度、的を得ているかもよくわかっていません...

しかし、とりあえずHTMLを学ぶ上で1番最初に習うくらい基礎的なものだという雰囲気は感じました。

『タグ』の種類

タグにはたくさん種類がありそうですが、今日学習したのは以下の通り。

<h1〜6></h1〜6>:見出し1〜6。『h』はheadingの略。

<a></a>:リンク。<a href= ”url”>みたいに書くみたい。

<p></p>:段落。『p』はparagraphの略。

<img>:画像。<img src="url">みたいに書くみたい。※テキストを囲まないので終了タグはいらない。

<li></li>:リスト。

ジャスタ

もう覚えきれないんですけど...

まあ、やってるうちに慣れるだろうと気にせずに進もうと思います。

まとめ

今日やったことは、おそらく1番基礎の部分だと思います。

その中でも細かいところは正直よくわからないところはありました。

でも、雰囲気はだいたい掴めたと思うので、この調子で明日以降も学習していきたいですね。

-プログラミング