はじめに
普段コードを書いている時に読み方を間違ったまま覚えて、外で恥ずかしい思いをしたので、
この機会にHTMLタグや属性の読み方と意味を簡単にまとめておきます。
HTMLタグ読み方一覧
1. !DOCTYPE
読み方…ドックタイプ
HTMLでコードを描き始める時に先頭に記載する宣言文。
Document Type Definitionの略
2. a
読み方…アンカー
リンクの出発点・到達点を指定する。
anchorの略。
3. br
読み方…ブレイク
改行を指定する。
breakの略。
4. img
読み方…イメージ
画像を表示するHTMLのタグ。
imageの略。
5. ul
読み方…アンオーダードリスト
番号なしのリストを作る。
unordered listの略。
6. ol
読み方…オーダーリスト
番号付きのリストを作る。
order listの略。
7. p
読み方…パラグラフ
ひとつの段落であることを表すHTMLタグ。
「ピータグ」と読むことも。
paragraphの略。
8. param
読み方…パラメータ
パラメータを指定するHTMLタグ。
9. dir
読み方…ディレクトリ
リストを表示するHTMLタグ。
directoryの略。
10. dfn
読み方…ディフィニッション
定義する用語を明示できるHTMLタグ。
definitionの略。
11. u
読み方…アンダーライン
文字に下線を引くHTMLタグ。
Underlineの略。
12. sub
読み方…サブスクリプト
下付き文字を表示するHTMLタグ。
subscriptの略。
13. sup
読み方…スーパースクリプト
上付き文字を表示するHTMLタグ。
superscriptの略。
14. q
読み方…クォート
引用文であることを表すHTMLタグ。
quoteの略。
15. i
読み方…イタリック
文字を斜体にするHTMLタグ。
italicの略。
16. em
読み方…エンファシス
強調文字・斜体文字を指定するHTMLタグ。
emphasisの略。
HTML属性読み方一覧
1. charset
読み方…キャラセット
文字コードを指定するHTML属性。
2. rel
読み方…レル
現在のファイル(ページ)とリンク先の関係を指定する属性。
relation（関係）の略
3. href
読み方…エイチレフ
参照先の外部ファイル(リンク)の「場所」を指定する属性。
属性値にはファイル(リンク)のURL、ファイル名を記載します。
テキストや画像にリンクを設定するときに使用。
Hypertext REFerenceの略。
4. src
読み方…ソース
画像のあるurlを指定する属性。
sourceの略。
5. alt
読み方…オルト
画像の代わりになるテキストを指定できる属性。
alternative(代替)の略。
6. rowspan
読み方…ロウスパン
テーブルのセルを縦に結合するHTML属性。
7. colspan
読み方…コルスパン
テーブルのセルを横に結合するHTML属性。
おまけ
プロパティ
1. height
読み方…ハイト
テーブルやセルの縦幅を指定するプロパティ。
2. width
読み方…ウィズ
テーブル（表）などの横幅を設定するプロパティ。
終わりに
プログラミングのコードって省略されているものばかりで読みにくいですよね。
読み方や意味を知っているだけでも、かなりコードを読みやすくなるので、調べながら学習していくと良いかもしれません。