Web担当者の皆様は、ページのちょっとした修正を自分で行うケースが少なからずあるのではないでしょうか。HTMLのタグや属性など、それぞれの正しい読み方を知っていますか？

「qやa」など、一見するとどう読んでいいかわからないものが多いため、なんとなく読んでしまっている方も多いでしょう。

今回は、読みづらいHTMLタグ・属性の読み方をまとめました。読み方に自信が無い方はこの機会に不安を解消しておきましょう。

HTMLタグの読み方

1.!DOCTYPE

読み方：ドックタイプ

Document Type Definitionの略。文章の先頭に記載する宣言文。

2.a

読み方：アンカー　

anchorの略。リンクの出発点・到達点を指定するHTMLタグ。

3.br

読み方：ブレイク

Breakの略。改行を指定するHTMLタグ。

4.dfn

読み方：ディフィニション

Definitionの略。定義する用語を明示できるHTMLタグ。

5.dir

読み方：ディレクトリ

Directoryの略。リストを表示するHTMLタグ。

6.em

読み方：エンファシス

Emphasisの略。強調文字・斜体文字を指定するHTMLタグ。

7.a href

読み方：アンカー　エイチレフ

「Hypertext REFerence」の略。テキストや画像にリンクを設定するときに使います。

8.i

読み方：イタリック

italicの略。文字を斜体にするHTMLタグ。

9.img

読み方：イメージ

Imageの略。画像を表示するHTMLのタグ。

10.p

読み方：パラグラフ　

paragraphの略。ひとつの段落であることを表すHTMLタグ。
「ピー」と読むこともあります。

11.param

読み方：パラメータ

パラメータを指定するHTMLタグ。

12.q

読み方：クォート

Quoteの略。引用文であることを表すHTMLタグ。

13.sub

読み方：サブスクリプト

Subscriptの略。下付き文字を表示するHTMLタグ。

14.sup

読み方：スーパースクリプト

Superscriptの略。上付き文字を表示するHTMLタグ。

15.u

読み方：アンダーライン

Underlineの略。文字に下線を引くHTMLタグ。

16.ul

読み方：アンオーダードリスト

unordered listの略。番号なしのリストを作るHTMLタグ。

17.ol

読み方：オーダーリスト

order listの略。番号付きのリストを作るHTMLタグ。

18.width

読み方：ウィズ

テーブル（表）などの横幅を設定するプロパティ。

19.height

読み方：ハイト

テーブルやセルの縦幅を指定するプロパティ。

HTML属性の読み方

1.alt

読み方：オルト　

Alternativの略。画像の代わりになるテキストを指定できるHTML属性。

2.src

読み方：ソース

Sourceの略。画像のあるurlを指定する属性。

3.rowspan

読み方：ロウスパン

テーブルのセルを縦に結合するHTML属性。

4.colspan

読み方：コルスパン

テーブルのセルを横に結合するHTML属性。

5.charset

読み方：キャラセット

文字コードを指定するHTML属性。

6.rel

読み方：レル

relationの略。現在のページとリンク先の関係を指定するHTML属性。

HTMLタグは読み方を知っていると理解しやすい

HTMLタグや属性は使えればいいので必ずしも正しい読み方を知っておく必要はありません。ただ「qやa」のように、元の読み方を知っていたほうがわかりやすいものも多数存在しています。

まだWeb初心者の方は、少しでも覚えやすくするためにも、何を表しているタグ・属性なのか意味を理解しながら学習することをオススメします。

HTMLとCSSについて学ぶ

非エンジニアも知っておきたい！HTMLとCSSの基礎知識

非エンジニアも知っておきたい！HTMLとCSSの基礎知識

WebやITを取り扱う仕事の中でたびたび耳にする「HTML」と「CSS」という言葉。聞いたことはあるけど、いまいちよくわからない人も多いでしょう。 エンジニアでなけれWebサイトの制作や運営はCMS（コンテンツ管理システム）に任せることができますが、それでもHTMLとCSSの仕組みを知っているといろいろな面で便利ですし、Webサイト運用にも自信を持てるようになります。 今回は非エンジニアでも覚えておきたい、HTMLとCSSの基礎について解説します。