#はじめに
普段コードを書いている時に読み方を間違ったまま覚えて、外で恥ずかしい思いをしたので、
この機会に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
###読み方…ウィズ
テーブル（表）などの横幅を設定するプロパティ。
#終わりに
プログラミングのコードって省略されているものばかりで読みにくいですよね。
読み方や意味を知っているだけでも、かなりコードを読みやすくなるので、調べながら学習していくと良いかもしれません。
#参照