プログラマー日本語教師への道

Web制作・プログラミング未経験の日本語教師がプログラミングを独学で勉強し、独立するアウトプットの場

HTML CSS の省略英単語が気になって集中できない

HTML CSS の省略英単語が気になって集中できない

f:id:ryo1192:20210206025636p:plainHTML CSSを勉強し始めて、はや2週間となりました。

タグやコード?を書き加える際に、英単語の省略文字を多用しており、

この英単語は何?SRCって何?

としばしばなるのです。

 

海外に住む私は、コードをそのまま覚えるより、何の英単語を使っているのかを知る方が覚えやすいので、調べてみました。

 

HTML CSS の省略英単語

もちろん、コードは覚えるつもりはないですが、

私のような初心者がProgateとドットインストールでよく見かけるコード等をしっかりと理解するためにいくつか調べてみました。

 

  • src → source 画像のURL
  • img → image 画像
  • href  → hyper reference
  • → anchor
  • alt →Alternative text  画像の説明
  • div   → division 境界や仕切り
  • h  → heading 「表題」「見出し」
  •       paragraph
  • ul        unordered list
  • li        list item
クラス名

自分でクラス名をつける際に、何でも良いみたいですが、分かりやすいようにクラス名を英単語でつけると言うのもまた混乱します。

調べてみると、オススメのクラス名をまとめてくれている方がいたので、シェアしたいと思います。

webabc.hatenablog.jp