初めてのMy Home Page

HTML: Hyper Text Markup Language

私はhtmlの勉強を始めた。htmlはコンテンツを表示させるための言語だ。この調子で頑張ろうと思う。

h1からh6のタグは見出しを作るために使う。ただし文字の大きさを変えるために使うのはよくないと教わった。

文字の大きさを変えたいときは他のタグで囲ってcssで変えるのだと学んだ。ここにメモしておこう。

divタグはとても便利だ。いろいろなものを囲って管理することができる。そういえば昨日何食べたっけ?

CSS: Cascading Style Sheets

同時にcssの勉強も始めた。htmlを装飾するための言語らしい。cssは見た目に関することならなんでもできそうだ。

cssでidを指定するときは先頭に#を付けて、classを指定するときは先頭に.を付ける。組み合わせも大事だ。

cssには全部で約250個のプロパティ(colorやfont-size)があり使いこなせるか不安だが、使っていると覚えていくだろう。

cssだけを使って作った芸術作品なんかもあるみたいだ。URLでも貼っておこう。【Youtubeリンク】

発展

htmlやcssと組み合わせて使える言語があるらしい。JavaScriptと呼ぶそうだ。Javaと名前が似ているが別物だ。

JavaScriptを使えばとてもとてもとてもとてもとっても複雑な処理をWebサイトに実装したりできるらしい。

プログラミングは継続力がものすごく大事だ。1日5分でもいいから欠かさずやり続けるといずれ大きな力になる。

このを押したら何かが起きる予感がする。これもJavaScriptらしい。

Shortcut

Visual Studio Code

Shift + Alt + F コードの整形
Ctrl + S コードの保存
Alt + ↓ 行を下へ移動
Alt + ↑ 行を上へ移動
Shift + Alt + ↓ 行を下へコピー
Shift + Alt + ↑ 行を上へコピー
Ctrl + Shift + K 行の削除
F2 名前を変更
Ctrl + D 選択範囲と同じ文字列の複数指定
Ctrl + B サイドバーの表示/非表示
Ctrl + @ ターミナルの表示/非表示

Others Shorcut

Ctrl + Shift + C / F12 DevToolsの起動/コマンドプロンプトの起動
Ctrl + Shift + T 直前に閉じたブラウザの復元
Ctrl + C コピー
Ctrl + V 貼り付け
Ctrl + X 切り取り
Ctrl + Z 直前の操作を取り消す
Ctrl + Y 直前の操作を繰り返す
Alt + F4 作業中のウィンドウを閉じる