HTML
001. HTML 文字セット
※HTMLソースを見てください。
32 ■ ■ ■ ■
33 ■!■ ■!■
34 ■"■ ■"■
35 ■#■ ■#■
36 ■$■ ■$■
37 ■%■ ■%■
38 ■&■ ■&■
39 ■'■ ■'■
40 ■(■ ■(■
41 ■)■ ■)■
42 ■*■ ■*■
43 ■+■ ■+■
44 ■,■ ■,■
45 ■-■ ■-■
46 ■.■ ■.■
47 ■/■ ■/■
48 ■0■ ■0■
49 ■1■ ■1■
50 ■2■ ■2■
51 ■3■ ■3■
52 ■4■ ■4■
53 ■5■ ■5■
54 ■6■ ■6■
55 ■7■ ■7■
56 ■8■ ■8■
57 ■9■ ■9■
58 ■:■ ■:■
59 ■;■ ■;■
60 ■<■ ■<■
61 ■=■ ■=■
62 ■>■ ■>■
63 ■?■ ■?■
64 ■@■ ■@■
65 ■A■ ■A■
66 ■B■ ■B■
67 ■C■ ■C■
68 ■D■ ■D■
69 ■E■ ■E■
70 ■F■ ■F■
71 ■G■ ■G■
72 ■H■ ■H■
73 ■I■ ■I■
74 ■J■ ■J■
75 ■K■ ■K■
76 ■L■ ■L■
77 ■M■ ■M■
78 ■N■ ■N■
79 ■O■ ■O■
80 ■P■ ■P■
81 ■Q■ ■Q■
82 ■R■ ■R■
83 ■S■ ■S■
84 ■T■ ■T■
85 ■U■ ■U■
86 ■V■ ■V■
87 ■W■ ■W■
88 ■X■ ■X■
89 ■Y■ ■Y■
90 ■Z■ ■Z■
91 ■[■ ■[■
92 ■\■ ■\■
93 ■]■ ■]■
94 ■^■ ■^■
95 ■_■ ■_■
96 ■`■ ■`■
97 ■a■ ■a■
98 ■b■ ■b■
99 ■c■ ■c■
100 ■d■ ■d■
101 ■e■ ■e■
102 ■f■ ■f■
103 ■g■ ■g■
104 ■h■ ■h■
105 ■i■ ■i■
106 ■j■ ■j■
107 ■k■ ■k■
108 ■l■ ■l■
109 ■m■ ■m■
110 ■n■ ■n■
111 ■o■ ■o■
112 ■p■ ■p■
113 ■q■ ■q■
114 ■r■ ■r■
115 ■s■ ■s■
116 ■t■ ■t■
117 ■u■ ■u■
118 ■v■ ■v■
119 ■w■ ■w■
120 ■x■ ■x■
121 ■y■ ■y■
122 ■z■ ■z■
123 ■{■ ■{■
124 ■|■ ■|■
125 ■}■ ■}■
126 ■~■ ■~■
8251 ■※■ ■※■
9711 ■◯■ ■◯■
9733 ■★■ ■★■
9734 ■☆■ ■☆■
9742 ■☎■ ■☎■
9743 ■☏■ ■☏■
9756 ■☜■ ■☜■
9758 ■☞■ ■☞■
65281 ■！■ ■！■
65282 ■＂■ ■＂■
65283 ■＃■ ■＃■
65284 ■＄■ ■＄■
65285 ■％■ ■％■
65286 ■＆■ ■＆■
65287 ■＇■ ■＇■
65288 ■（■ ■（■
65289 ■）■ ■）■
65290 ■＊■ ■＊■
65291 ■＋■ ■＋■
65292 ■，■ ■，■
65293 ■－■ ■－■
65294 ■．■ ■．■
65295 ■／■ ■／■
65296 ■０■ ■０■
65297 ■１■ ■１■
65298 ■２■ ■２■
65299 ■３■ ■３■
65300 ■４■ ■４■
65301 ■５■ ■５■
65302 ■６■ ■６■
65303 ■７■ ■７■
65304 ■８■ ■８■
65305 ■９■ ■９■
65306 ■：■ ■：■
65307 ■；■ ■；■
65308 ■＜■ ■＜■
65309 ■＝■ ■＝■
65310 ■＞■ ■＞■
65311 ■？■ ■？■
65312 ■＠■ ■＠■
65313 ■Ａ■ ■Ａ■
65314 ■Ｂ■ ■Ｂ■
65315 ■Ｃ■ ■Ｃ■
65316 ■Ｄ■ ■Ｄ■
65317 ■Ｅ■ ■Ｅ■
65318 ■Ｆ■ ■Ｆ■
65319 ■Ｇ■ ■Ｇ■
65320 ■Ｈ■ ■Ｈ■
65321 ■Ｉ■ ■Ｉ■
65322 ■Ｊ■ ■Ｊ■
65323 ■Ｋ■ ■Ｋ■
65324 ■Ｌ■ ■Ｌ■
65325 ■Ｍ■ ■Ｍ■
65326 ■Ｎ■ ■Ｎ■
65327 ■Ｏ■ ■Ｏ■
65328 ■Ｐ■ ■Ｐ■
65329 ■Ｑ■ ■Ｑ■
65330 ■Ｒ■ ■Ｒ■
65331 ■Ｓ■ ■Ｓ■
65332 ■Ｔ■ ■Ｔ■
65333 ■Ｕ■ ■Ｕ■
65334 ■Ｖ■ ■Ｖ■
65335 ■Ｗ■ ■Ｗ■
65336 ■Ｘ■ ■Ｘ■
65337 ■Ｙ■ ■Ｙ■
65338 ■Ｚ■ ■Ｚ■
65339 ■［■ ■［■
65340 ■＼■ ■＼■
65341 ■］■ ■］■
65342 ■＾■ ■＾■
65343 ■＿■ ■＿■
65344 ■｀■ ■｀■
65345 ■ａ■ ■ａ■
65346 ■ｂ■ ■ｂ■
65347 ■ｃ■ ■ｃ■
65348 ■ｄ■ ■ｄ■
65349 ■ｅ■ ■ｅ■
65350 ■ｆ■ ■ｆ■
65351 ■ｇ■ ■ｇ■
65352 ■ｈ■ ■ｈ■
65353 ■ｉ■ ■ｉ■
65354 ■ｊ■ ■ｊ■
65355 ■ｋ■ ■ｋ■
65356 ■ｌ■ ■ｌ■
65357 ■ｍ■ ■ｍ■
65358 ■ｎ■ ■ｎ■
65359 ■ｏ■ ■ｏ■
65360 ■ｐ■ ■ｐ■
65361 ■ｑ■ ■ｑ■
65362 ■ｒ■ ■ｒ■
65363 ■ｓ■ ■ｓ■
65364 ■ｔ■ ■ｔ■
65365 ■ｕ■ ■ｕ■
65366 ■ｖ■ ■ｖ■
65367 ■ｗ■ ■ｗ■
65368 ■ｘ■ ■ｘ■
65369 ■ｙ■ ■ｙ■
65370 ■ｚ■ ■ｚ■
65371 ■｛■ ■｛■
65372 ■｜■ ■｜■
65373 ■｝■ ■｝■
65374 ■～■ ■～■
002. マウスカーソルについてくるテキストボックス
<html>
<head>
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<script language="JavaScript">
<!--
tag_id = "textbox";
shift_y = -50; // Y座標（カーソルからの縦位置）
shift_x = -20; // X座標（カーソルからの横位置）
document.onmousemove = move_textbox;
function move_textbox(){
obj = document.all[tag_id].style;
obj.top = shift_y + window.event.clientY + document.body.scrollTop + "px";
obj.left = shift_x + window.event.clientX + document.body.scrollLeft + "px";
}
// -->
</script>
<div id="textbox" style="position:absolute;">
<table style="color:#ffffff;" bgcolor="#0000ff" border="1" cellpadding="6" cellspacing="0">
<tr><td>こちら、テキストボックスでございます。</td></tr>
</table>
</div>
</html>
|
003. title 属性の代用/テキストボックス表示（その１）
※title 属性は一呼吸置いて表示されて数秒で消えるので、その代用。
<html>
<head>
<meta http-equiv="content-language" content="ja">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<script language="JavaScript">
<!--
function show_textbox() {
var args=show_textbox.arguments;
document.getElementById(args[0]).style.visibility=args[1];
}
//-->
</script>
<table style="color:#ffffff;" bgcolor="#0000ff"
onmouseover="show_textbox('textbox','visible');"
onmouseout="show_textbox('textbox','hidden');">
<tr><td>ここにマウスカーソルを置いてください。<br>テキストボックスが出ます！<br>（位置は固定）</td></tr>
</table>
<div id="textbox"
style="visibility:hidden;
position:absolute;
top:100px;
left:150px;
height:50px;
width:300px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
border-top:#ffffff 2px groove;
border-left:#ffffff 2px groove;
border-right:#ffffff 2px groove;
border-bottom:#ffffff 2px groove;
background-color:#ffffcc;">
こちら、テキストボックスでございます。
</div>
</html>
|
004. title 属性の代用/テキストボックス表示（その２）
※title 属性は一呼吸置いて表示されて数秒で消えるので、その代用。
<html>
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script language="JavaScript">
<!--
function show_textbox() {
var args=show_textbox.arguments;
obj=document.getElementById(args[0]).style;
obj.visibility=args[1];
obj.top = 00 + window.event.clientY + document.body.scrollTop + "px";
obj.left = 20 + window.event.clientX + document.body.scrollLeft + "px";
}
//-->
</script>
<table style="color:#ffffff;" bgcolor="#0000ff"
onmouseover="show_textbox('textbox','visible');"
onmouseout="show_textbox('textbox','hidden');">
<tr><td>ここにマウスカーソルを置いてください。<br>テキストボックスが出ます！</td></tr>
</table>
<div id="textbox"
style="visibility:hidden;
position:absolute;
top:100px;
left:150px;
height:50px;
width:300px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
border-top:#ffffff 2px groove;
border-left:#ffffff 2px groove;
border-right:#ffffff 2px groove;
border-bottom:#ffffff 2px groove;
background-color:#ffffcc;">
こちら、テキストボックスでございます。
</div>
</html>
|