こんにちわ、あーたんです٩( ‘ω’ )و
- 自分でホームページをつくりたい！
- 今時にプラグラミングの勉強をしたい！
など独学で勉強してるはいいけど、
タグの読み方がわからない！！
ってみなさん思っていませんか？？
読み方がわからないと、
- そもそも覚えにくい
- 人に聞くのが恥ずかしい
となり勉強効率がさがります。
自分用のメモもかねて、まとめていきます。
私の勉強とともにどんどん増やしていきます♬
html編
<!doctype html>
読み方：ドクタイプ
意 味：そのページがどのバージョンのHTMLで、どのような仕様でつくられているのかを示す。
htmlは「HTML5」バージョンを指す。
<html>〜</html>
読み方：エイチティーエムエル
意 味：Doctype宣言のすぐ後に書く。html文書ということを示す。
lang
読み方：ラング
意 味：（英語）language
（日本語）言語
使い方：<html lang=”ja”>
※ja：japanese（日本語）
日本語表示を指す。
<head>〜</head>
読み方：ヘッド
意 味：ページのタイトルや説明文など、ページ情報を示す。ブラウザには表示されない部分。
meta
読み方：メタ
意 味：そのページの様々な情報を示す要素のこと。head要素の中に配置。
使い方：<meta charset=”UTF-8″>
※charset：キャラセット（文字コード）
HTML5で書かれているページの際に、「UTF-8」という文字コードに指定する。文字化けしなくなる。
a href
読み方：アンカーエイチレフ
意 味：リンクを貼る際に用いる
※Hypertext Reference：ハイパーテキスト リファレンス（他のテキストを参照）
rel
読み方：レル
意 味：関係性を示す
※relation：リレーション（関係）
img
読み方：イメージ
意 味：画像を表示
src
読み方：エスアールシー
意 味：参照したい画像などのファイルの出どころを示す
※source：ソース（根源・出典）
ul
読み方：ユーエル、アンオーダードリスト
意 味：箇条書きリストを表示
※Unordered List：アンオーダードリスト（順序の決まっていないリスト）
li
読み方：リスト
意 味：箇条書きにするリスト項目を表示
※List Item：リストアイテム
ol
読み方：オーエル、オーダーリスト
意 味：順序のあるリストを表示
※Ordered List：オーダードリスト（順序のあるリスト）
tr,th,td
読み方：ティーアール、ティーエイチ、ティーディー
※Table Row：テーブルロウ（表の行）
意 味：表の1行を囲む
※Table Header：テーブルヘッダー（表の見出し）
意 味：表の見出しを作成
※Table Data：テーブルデータ（表のデータ）
意 味：表のデータを作成
colspan
読み方：コルスパン
意 味：横列のセルを結合
rowspan
読み方：ロウスパン
意 味：縦列のセルを結合
method
読み方：メソッド（方法、やり方）
意 味：formで作成したメール送信方法を指定（postとgetの2通りがある）
placeholder
読み方：プレースホルダー
意 味：仮の文字を入力しておける
br
読み方：ブレーク
意 味：改行
※break：ブレーク（壊す、割る）
p
読み方：ピー、パラグラフ
意 味：ひとつの段落であることを示す
※paragraph：パラグラフ（段落）
CSS編
aline
読み方：アライン
意 味：揃える
使い方：p { text-aline: justify; }
p（段落）を両端揃えにする。
※justify：ジャスティファイ（正当化する）
width
読み方：ウィドゥス
意 味：幅
flex
読み方：フレックス（曲げる）
意 味：配置方向を変える
column
読み方：カラム（柱、桁）
意 味：縦方向に並ぶ
gap
読み方：ギャップ（分け目、裂け目）
意 味：余白をつける
fr
読み方：エフアール、フレクション
意 味：比率
※flaction：フレクション（分数、小部分、断片、何分の１）
使い方：1fr 1fr 1fr → 1:1:1の意味
vh
読み方：ブイエイチ
意 味：WEBサイトの表示領域（viewport）の高さに対して割合を設定する
1vh＝viewportの1/100
※viewport height：ビューポートハイト
rem
読み方：レム
意 味：ルート（基点）要素の文字サイズと比べてサイズを決める
※root em：ルートエム
