PAGE TOP ▲

大副業時代を生き残るためのブログ。切り売り労働からの脱却、少しでも収入をアップしたい方へ。

TOP コーディング時に出てくるタグの名前の読み方をまとめた。

コーディング時に出てくるタグの名前の読み方をまとめた。

Web関連の読み方についてまとめてみました。

HTML – Hyper Text Markup Language

p – Paragraph
[読み方]ピー / パラグラフ
[意味]段落を示す

ul – Unordered List
[読み方]ユーエル / アンオーダードリスト
[意味]順序のないリストを示す

li – List Item
[読み方]エルアイ / リストアイテム
[意味]リストの項目を示す

ol – Ordered List
[読み方]オーエル / オーダードリスト
[意味]順序のあるリストを示す

dl – Description List ※HTML5から変更
[読み方]ディーエル / ディスクリプションリスト
[意味]定義・説明リストを示す

dt – Description Term ※HTML5から変更
[読み方]ディーティー / ディスクリプションターム
[意味]定義・説明する用語を示す

dd – Description, Definition ※HTML5から変更
[読み方]ディーディー / ディスクリプション , ディフィニション
[意味]用語に対する説明や定義を示す

div – DIVision
[読み方]ディヴ / ディヴィジョン
[意味]汎用的なブロック要素

a – Anchor
[読み方]エー / アンカー
[意味]リンクを設定する

href – Hypertext REFerence
[読み方]エイチレフ
[意味]リンク先の文書を指定する

sub – SUBscript
[読み方]サブ / サブスクリプト
[意味]下付き文字を示す

span
[読み方]スパン
[意味]-

br – BReak
[読み方]ビーアール / ブレーク
[意味]改行する

img – IMaGe
[読み方]アイエムジー / イメージ
[意味]画像を表示する

src -SouRCe
[読み方]ソース
[意味]画像のURLを指定する

alt – ALTernate / ALternate Text
[読み方]オルト
[意味]画像の代わりになるテキストを指定する

iframe – Inline FRAME
[読み方]アイフレーム / インラインフレーム
[意味]インラインフレームを設定する

table
[読み方]テーブル
[意味]表を作成する

tbody – Table BODY
[読み方]ティーボディ / テーブルボディ
[意味]表のボディを示す

thead – Table HEADer
[読み方]ティーヘッド / テーブルヘッダー
[意味]表のヘッダーを示す

tfoot – Table FOOTer
[読み方]ティーフット / テーブルフッター
[意味]表のフッターを示す

tr – Table Row
[読み方]ティーアール / テーブルロウ
[意味]表の行を示す

td – Table Data cell
[読み方]ティーディー / テーブルデータセル
[意味]表のセルを示す

th – Table Header cell
[読み方]ティーエイチ / テーブルヘッダーセル
[意味]表の見出しのセルを示す

CSS – Cascading Style Sheets

color
[読み方]カラー
[意味]文字の色を指定する

font
[読み方]フォント
[意味]フォントに関する設定をまとめて指定する

text-decoration
[読み方]テキストデコレーション
[意味]文字の下線、上線、取り消し線、点滅を指定する

text-align
[読み方]テキストアライン
[意味]行揃えの位置を指定する

line-height
[読み方]ラインハイト
[意味]行の高さを指定する

vertical-align
[読み方]ヴァーティカルアライン
[意味]縦方向の揃え位置を指定する

background
[読み方]バックグラウンド
[意味]背景に関する設定をまとめて指定する

border
[読み方]ボーダー
[意味]ボーダーの色、太さ、スタイルを指定する

width
[読み方]正:ウィズ
[意味]要素の横幅を指定する

height
[読み方]正:ハイト
[意味]要素の高さを指定する

margin
[読み方]マージン
[意味]外側の余白の大きさを指定する

padding
[読み方]パディング
[意味]内側の余白の大きさを指定する

position
[読み方]ポジション
[意味]要素の配置方法を指定する

display
[読み方]ディスプレイ
[意味]要素の表示形式を指定する

float
[読み方]フロート
[意味]画像やテキストの回り込みを指定する

list-style
[読み方]リストスタイル
[意味]リストマーカーの種類、位置、画像を設定をまとめて指定する

:link
[読み方]リンク
[意味]未訪問のリンク要素のスタイルを指定する

:visited
[読み方]ヴィジッティッド
[意味]訪問済みのリンク要素のスタイルを指定する

:hover
[読み方]ホバー
[意味]カーソルが重なったときの要素のスタイルを指定する

:active
[読み方]アクティブ
[意味]クリック中の要素のスタイルを指定する

保管庫の関連記事一覧

タグ打ちとコーディングの違いについて。

2017年05月29日
タグとは何か。。。 まずは「タグ」とは何だろう?という所から説明します。タグとはHTMLで使用するもので例えば「こんにちは!」という文字をそのページのタイトルにしたい時 <title

ヒアリング の重要性を理解することでワンランク上がります。

2017年02月05日
ヒアリング の重要性 ヒアリング がWeb制作を行う上で最重要と考えています。段取り八分です。 例えばクライアントに確認する事が100項目あったとします。最初に全て確認しても、作業しながら

ハッキングにあったのでWordPressの運用をできるだけシンプルに考え直す。

2017年02月03日
ハッキング にあったサイトは現在ご覧頂いているこのサイトです。無事解決しているので運用を再開しているのですが、この機会にデザインも一新してみました。技術的な解決方法は色々なサイトで紹介していると思いま

ランサーズで経験を積む。

2017年02月02日
このサイトを見て頂いている方のほとんどは、未経験者や独学で勉強中の方が多いと思います。ただ実践を積み重ねないことには経験を積むことも出来ないが、経験がない人には実践を与えられる機会も少ないのが現実です

Youtubeのサムネイルの代わりに画像を貼り付ける

2016年12月17日
動画サムネイルの代わりにご自身で制作した画像を表示することが出来ます。これは動画の埋め込みタグ(iframe)をjsに流し込み画像をクリックしたら消え、動画を表示するという順序で動きます。 ※埋め込

専門学校やスクールを出ないとWebデザイナーなることは出来ないのか

2016年02月06日
この質問はWEBデザイナーを目指している方からだけではなくクライアントからも「やっぱりそういった学校卒業されたのですか?」という質問をよく受けます。 私の場合は独学でした 私のお話をさせて