PAGE TOP

  • 本日はイアルマスWebデザイン京都教室へ、ようこそ!
  • レッスン場所は「京都市北区」で「無料駐車場完備」
  • 基礎から「Webデザイン」や「DTPデザイン」を学べる、
  • 個人レッスンのパソコン教室。
  • 人気コースは次の通り。
  • ホームページの作成方法を学ぶ「Webデザインコース」
  • レスポンシブWebデザインやSEOに対応。
  • グラフィックデザイナーや映像クリエイターを目指す
  • 「Illustratorコース」「Photoshopコース」
  • もちろん、初心者、初歩からレッスン可能。
  • OSは「Mac」「Windows」共にok!
  • 確実にPC技能をマスターしてみましょう?

HTML教材

HTML/Special character

HTML 初心者向け講座

特殊文字で文字化けしないように変換しよう!!

ホームページを作っているとき、全角のスペースだと入力した分だけ空白文字が挿入されますが、半角だと1つ分だけしかできなくて困っている方いませんか。

また、特殊な記号を入力したくてもできないなど、悩まれている方もいませんか。

そんな時は、「文字実体参照」という特殊文字を表示させるコードを記述をするだけで、「特殊文字」を簡単に表示させることができます。

特殊文字 (Special character) とは?

特殊文字 (Special character) とはプログラムの性質上、直接記述することができない記号や特殊な文字のこと。

Webページで特殊文字を表示させるには、次の2通りの記述パターンを使用します。

最後の「;」(セミコロン記号)を入力させることを忘れないようにして下さい。

  • ① コードを記述させる方法:「&」+「#」+「番号」+「;」
  • ② 特殊文字の名称を記述させる方法:「&」+「特殊文字の名称」+「;」

※パソコンの環境によって、表示できないこともありますので、使用できるかどうかをブラウザーのプレビューで必ず確認しましょう。

特殊文字は次のコンバーターで変換することもできます。

文字や文字列を実体参照に変換


Menu

 ローマ数字

ローマ数字
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ
Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ
Ⅺ Ⅻ ⅰ ⅰ ⅲ
ⅳ ⅴ ⅵ ⅶ ⅷ
ⅷ ⅹ            

 ギリシャ文字

ギリシャ文字
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
Α Α Β Β Γ Γ Δ Δ Ε Ε
Ζ Ζ Η Η Θ Θ Ι Ι Κ Κ
Λ Λ Μ Μ Ν Ν Ξ Ξ Ο Ο
Π Π Ρ Ρ Σ Σ Τ Τ Υ Υ
Φ Φ Χ Χ Ψ Ψ Ω Ω α α
β β γ γ δ δ ε ε ζ ζ
η η θ θ ι ι κ κ λ λ
μ μ ν ν ξ ξ ο ο π π
ρ ρ ς ς σ σ τ τ υ υ
φ φ χ χ ψ ψ ω ω    

 矢印記号

矢印記号
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
← ↑ → ↓ #8598;
↗ ↘            
↔ ↕ ↵        
⇐ ⇒ ⇔ ⇕ ⇖
⇗ ⇘ ⇙ ⇝    
&lsaquo; &rsaquo; < &lt; > &gt; &#12296;
&#12297; &#8249; &#8250; &and; &or;
« &laquo; » &raquo; &#12298; &#12299; &#8810;
&#8811;                
&#9650; &#9651; &#9652; &#9653; &#9654;
&#9655; &#9656; &#9657; &#9658; &#9659;
&#9660; &#9661; &#9662; &#9663; &#9664;
&#9665; &#9666; &#9667; &#9668; &#9669;
&#9698; &#9699; &#9700; &#9701;    
&#9756; &#9757; &#9758; &#9759;    

 単位

単位
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
&#8451; &#8453; &#8457; &#8467; Ω &#937;
&#8487; &#8494; &#13169; &#13170; &#13171;
&#13172; &#13173; &#13184; &#13185; &#13186;
&#13187; &#13188; &#13189; &#13190; &#13191;
&#13192; &#13193; &#13194; &#13195; &#13196;
&#13197; &#13198; &#13199; &#13200; &#13201;
&#13202; &#13203; &#13204; &#13205; &#13206;
&#13207; &#13208; &#13209; &#13210; &#13211;
&#13212; &#13213; &#13214; &#13215; &#13216;
&#13217; &#13218; &#13219; &#13220; &#13221;
&#13222; &#13223; &#13224; &#13225; &#13226;
&#13227; &#13228; &#13229; &#13230; &#13231;
&#13232; &#13233; &#13234; &#13235; &#13236;
&#13237; &#13238; &#13239; &#13240; &#13241;
&#13242; &#13243; &#13244; &#13245; &#13246;
&#13247; &#13248; &#13249; &#13250; &#13251;
&#13252; &#13253; &#13254; &#13255; &#13256;
&#13257; &#13258; &#13259; &#13260; &#13261;
&#13262; &#13263; &#13264; &#13265; &#13266;
&#13267; &#13268; &#13269; &#13270; &#13271;
&#13272; &#13273; &#13274; &#13275; &#13276;
&#13277;                
&#13056; &#13057; &#13058; &#13059; &#13060;
&#13061; &#13062; &#13063; &#13064; &#13065;
&#13066; &#13067; &#13068; &#13069; &#13070;
&#13071; &#13072; &#13073; &#13074; &#13075;
&#13076; &#13077; &#13078; &#13079; &#13080;
&#13081; &#13082; &#13083; &#13084; &#13085;
&#13086; &#13087; &#13088; &#13089; &#13090;
&#13091; &#13092; &#13093; &#13094; &#13095;
&#13096; &#13097; &#13098; &#13099; &#13100;
&#13101; &#13102; &#13103; &#13104; &#13105;
&#13106; &#13107; &#13108; &#13109; &#13110;
&#13111; &#13112; &#13113; &#13114; &#13115;
&#13116; &#13117; &#13118; &#13119; &#13120;
&#13121; &#13122; &#13123; &#13124; &#13125;
&#13126; &#13127; &#13128; &#13129; &#13130;
&#13131; &#13132; &#13133; &#13134; &#13135;
&#13136; &#13137; &#13138; &#13139; &#13140;
&#13141; &#13142; &#13143;        

戻る  次へ