HTMLスイスイ〜 Information

<html>

h1{width:100%;
height:6em;
color:#ffffff;
font-weight:bold;
font-size:1em;
background-color:#004400;
border:1px none#004400;
border-top:0px solid#ffffff;
border-left:0px solid#ffffff;
border-right:0px solid#ffffff;
border-bottom:0px solid#eeeeee;
margin-top:0px;
padding:0px 0px 0px 0px;
text-shadow:1px 1px 1px#000000;
text-align:center;
vertical-align:middle;
background:linear-gradient(#004400,#007f6f,#eeeeee);}

#HEAD-BIG{width:100%;
height:6em;
color:#ffffff;
font-weight:bold;
font-size:1.6em;
margin-top:0px;
padding:0px 0px 0px 0px;
text-shadow:1px 1px 1px#000000;
text-align:center;
vertical-align:middle;}

h2{width:100%;
text-align:center;
vertical-align:middle;
color:#ffffff;
font-weight:bold;
font-size:0.8em;
background-color:#007f6f;
border:0px none#007f6f;
border-top:0px solid#007f6f;
border-left:0px solid#007f6f;
border-right:0px solid#007f6f;
border-bottom:1px solid#eeeeee;
padding:10px 0px 10px 0px;
text-shadow:1px 1px 1px#000000;}

h3{width:92%;
height:4em;
color:#000000;
font-weight:bold;
font-size:10px;
background-color:#eeeeee;
border:1px none#004400;
border-top:0px solid#ffffff;
border-left:0px solid#ffffff;
border-right:0px solid#ffffff;
border-bottom:0px solid#eeeeee;
margin:4px 2px 2px 2px;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:middle;}

h4{width:100%;
text-align:center;
vertical-align:middle;
color:#ffffff;
font-weight:bold;
font-size:0.8em;
background-color:#550000;
border:0px none#550000;
border-top:0px solid#550000;
border-left:0px solid#550000;
border-right:0px solid#550000;
border-bottom:1px solid#eeeeee;
padding:10px 0px 10px 0px;
text-shadow:1px 1px 1px#000000;}

h5{width:100%;
text-align:center;
vertical-align:middle;
color:#ffffff;
font-weight:bold;
font-size:0.8em;
background-color:#003055;
border:0px none#003055;
border-top:0px solid#003055;
border-left:0px solid#003055;
border-right:0px solid#003055;
border-bottom:1px solid#eeeeee;
padding:10px 0px 10px 0px;
text-shadow:1px 1px 1px#000000;}

h6{height:10em;
width:100%;
text-align:center;
color:#000000;
font-weight:bold;
font-size:2em;
background-color:#000000;
border:0px none#000000;
border-top:0px solid#000000;
border-left:0px solid#000000;
border-right:0px solid#000000;
border-bottom:30px solid#eeeeee;
padding:0px 0px 0px 0px;
text-shadow:2px 2px 2px#ffffff;
background:linear-gradient(#000000,#666666,#eeeeee);}

p{margin:10px;
padding:0;
width:90%;
text-align:center;
vertical-align:middle;
color:#456789;
font-weight:bold;
font-size:0.6em;}

.LOOKING-SAUCE{width:92%;
height:4em;
color:#880044;
font-weight:bold;
font-size:10px;
background-color:#eeeeee;
border:1px none#004400;
border-top:0px solid#ffffff;
border-left:0px solid#ffffff;
border-right:0px solid#ffffff;
border-bottom:0px solid#eeeeee;
margin:4px 2px 2px 2px;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:middle;}

#PAT-METHENY{margin:-10px 0px 10px 0px;
padding:0;
font-size:8px;
color:#123456;
text-align:center;}

ul{margin:4;
padding:0;
list-style-type:none;}

ul li{margin:0px 2px 2px 2px;
padding:2px 2px 2px 2px;
border-radius:5px;
border:1px solid#004400;}

img{max-width:90%;
height:auto;
margin:0 auto;
display:block;}

#MIKE-STERN-1{margin:10px;
padding:0;
font-size:16px;
color:#456789;
font-weight:bold;
text-align:center;}

#MIKE-STERN-2{margin:20px 4px 0px 4px;
padding:0;
font-size:12px;
color:#456789;
font-weight:bold;
text-align:center;}

#MIKE-STERN-3{margin:10px;
padding:0;
font-size:12px;
color:#123456;
font-weight:bold;
text-align:center;}

#JOHN-SCOFIELD{margin:4px;
font-size:10px;
text-align:center;
color:#333333;
font-weight:bold;}

#JOHN-SCOFIELD a{margin:4px;
font-size:10px;
text-align:center;
color:#0000ff;
font-weight:bold;
text-decoration:none;}

#JOE{width:90%;
color:#666666;
font-weight:bold;
font-size:12px;
margin:10px 4px 10px 4px;
background:#eeeeee;
text-decoration:none;}

.PASS{width:90%;
color:#666666;
text-decoration:none;
font-weight:normal;
font-size:10px;
margin:16px 2px 10px 2px;
background:#eeeeee;}

.PASS a{width:90%;
color:orangered;
text-decoration:none;
font-weight:bold;
font-size:10px;
margin:20px 10px 20px 10px;
background:#eeeeee;
text-align:left;}

.WES-MONTGOMERY{color:#ff0000;
text-decoration:none;
vertical-align:sub;
font-weight:900;
font-size:18px;
margin:0px -4px 0px -4px;
background:#eeeeee;}
</style>

<h1>　<br>HTMLスイスイ〜<br>
<span id="HEAD-BIG">Information</span></h1>

<section>
<h2>基礎編 レッスン1 〜 11</h2>
<article>
<ul>
<li>

<h3><span class="WES-MONTGOMERY">・</span>htmlスイスイ〜<br>
基礎編トップ</h3>
<div class="PASS">https://html-suisui.com/</div>
<div class="PASS"><a href="https://html-suisui.com/"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">「htmlスイスイ〜 基礎編」のトップ・ページ.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE"><span class="LOOKING-SAUCE">ソース閲覧</span></span><br>
　実験サイト</h3>
<div class="PASS">https://html-suisui.com/0.html</div>
<div class="PASS"><a href="https://html-suisui.com/0.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">ソース内に＜html＞〜＜/html＞しか書かれていないシンプルな実験サイト. HTML / CSS / JavaScript の学習に活用できる.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>
　インフォメーション</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
information.html</div>
<p id="JOE">全ての情報をまとめたサイト・マップ<br>( つまり, このページ ).</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>
　レッスン・サイト</h3>
<div class="PASS">https://html-suisui.com<br>
html_lesson_<br>contents_01_folder/<br>
html_lesson_<br>contents_01.html</div>
<div class="PASS"><a href="https://html-suisui.com/html_lesson_contents_01_folder/html_lesson_contents_01.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">htmlスイスイ〜 基礎編の目次からレッスン11まで(合計38ページ). 実験用サイトとしても活用できる.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>質問サイト</h3>
<div class="PASS">https://html-suisui.com/</div>
<div class="PASS"><a href="#"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">受講規約 / レッスンのお申し込み / レッスン内容に関する質問を送るメール・フォームなど.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>基礎編<br>
　動画サイト</h3>
<div class="PASS">https://html-suisui.com<br>
C_video_html_folder/<br>
video_html_00_<br>contents.html</div>
<div class="PASS"><a href="https://html-suisui.com/C_video_html_folder/video_html_00_contents.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">教科書を動画で説明したサイト. 目次とレッスンで合計　　ページ.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>基礎編<br>
　教科書閲覧サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
E_reading_html_folder-1/<br>
reading_html-1.html</div>
<div class="PASS"><a href="https://html-suisui.com/E_reading_html_folder-1/reading_html-1.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">教科書の全ページを閲覧できるサイト. 表紙や目次も含む.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>基礎編<br>
　ダウンロード・サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
D_download_html_folder/<br>
download_html.html</div>
<div class="PASS"><a href="https://html-suisui.com/D_download_html_folder/download_html.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">カリキュラムのファイルをダウンロードできるサイト. 表紙や目次も含む.</p>

</li>
</ul>

<h3>　</h3>
<div id="MIKE-STERN-1">レッスン教科書<br>
(基礎編+応用編)</div>
<img src="W_reference_image/A_form.jpg"width="340"height="340"border="0">
<p>教科書が必要な方は<br>
ミュージックスクール・<br>
アップロードハウスまで<br>
お問い合わせください.</p>
<div id="PAT-METHENY">2冊まとめて ¥1,000-</div>
<div id="MIKE-STERN-2">〒164-0001<br>
東京都中野区中野<br>5 - 32 - 12</div>
<div id="MIKE-STERN-3">電話 03 - 3319 - 0065</div>
<div id="JOHN-SCOFIELD"><a href="https://xn--ccki1dvb4azb4c0k5e.com/"target="_blank">https://アップロードハウス.com/</a></div>

<section>
<h2>応用編 レッスン12 〜 22</h2>
<article>
<ul>
<li>

<h3><span class="WES-MONTGOMERY">・</span>htmlスイスイ〜<br>
　応用編トップ</h3>
<div class="PASS">https://html-suisui.com/<br>
index.html#2nd_<br>contents</div>
<div class="PASS"><a href="https://html-suisui.com/index.html#2nd_contents"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">「htmlスイスイ〜 応用編」のトップ・ページ.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>
　レッスン・サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
html_lesson_<br>contents_02_folder/<br>
html_lesson_<br>contents_02.html</div>
<div class="PASS"><a href="https://html-suisui.com/html_lesson_contents_02_folder/html_lesson_contents_02.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">htmlスイスイ〜 応用編の目次. 実験用サイトとしても活用できる.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>応用編<br>
　動画サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
C_video_html_folder/<br>
video_html_11a_<br>
contents.html</div>
<div class="PASS"><a href="https://html-suisui.com/C_video_html_folder/video_html_11a_contents.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">目次とレッスン(合計　　ページ).</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>応用編<br>
　教科書閲覧サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
E_reading_html_folder-2/<br>
reading_html-2.html<br>
#HTML_reading-2_<br>
contents_02</div>
<div class="PASS"><a href="https://html-suisui.com/E_reading_html_folder-2/reading_html-2.html#HTML_reading-2_contents_02"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">目次とレッスン(合計　　ページ).</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>応用編<br>
　ダウンロード・サイト</h3>
<div class="PASS">https://html-suisui.com/<br>
D_download_html_folder/<br>
download_html.html<br>
#HTML_download_<br>
contents_02</div>
<div class="PASS"><a href="https://html-suisui.com/D_download_html_folder/download_html.html#HTML_download_contents_02"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">目次とレッスン(合計　　ページ).</p>

</li>
</ul>

<section>
<h4>Reference</h4>
<article>
<ul>
<li>

<h3><span class="WES-MONTGOMERY">・</span>Element Reference</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
element_reference/<br>
element_reference.html</div>
<div class="PASS"><a href="element_reference/element_reference.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">すべてのエレメントについての細かい情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>
html element 001</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
element_reference/<br>
element_001_HTML<br>
element_001_html.html</div>
<div class="PASS"><a href="element_reference/element_001_HTML/element_001_html.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">html element についての情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Content Attribute ="Value"<br>
Reference</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
content_attribute_reference/<br>
content_attribute.html</div>
<div class="PASS"><a href="content_attribute_reference/content_attribute.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">コンテント・アットリビュートについての細かい情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>Content Attribute 001<br>manifest</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
content_attribute_reference/<br>
content_attribute_<br>
001_manifest<br>
content_001_manifest.html</div>
<div class="PASS"><a href="content_attribute_reference/content_attribute_001_manifest/content_001_manifest.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">manifest についての情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Global Attribute = "Value"<br>Reference</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
gloval_attribute_reference/<br>
gloval_attribute.html</div>
<div class="PASS"><a href="gloval_attribute_reference/gloval_attribute.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">グローバル・アットリビュートについての細かい情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>Global Attribute 001<br>accesskey</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
gloval_attribute_reference/<br>
gloval_attribute_001_accesskey<br>
global_001_accesskey.html</div>
<div class="PASS"><a href="gloval_attribute_reference/gloval_attribute_001_accesskey/global_001_accesskey.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">グローバル・アットリビュートについての細かい情報.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Event (Event Handler)<br>　Reference</h3>
<div class="PASS">https://html-suisui.com/</div>
<div class="PASS"><a href="event_attributes/event_attribute.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">イベント・ハンドラとは, イベントの種類を表すアットリビュートのこと. JavaScriptで記述された操作に対して特定の動作を与えるための命令.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span><span class="LOOKING-SAUCE">ソース閲覧</span><br>Mouse Events 001<br>onclick</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
event_attributes/<br>
event_attribute_001_onclick/<br>
event_001_onclick.html</div>
<div class="PASS"><a href="event_attributes/event_attribute_001_onclick/event_001_onclick.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">マウス・イベント・アットリビュート onclick についての細かい情報.</p>

</li>
</ul>
</article>
</section>

<section>
<h5>サイト実例</h5>
<article>
<ul>
<li>

<h3><span class="WES-MONTGOMERY">・</span>WEB SITE EXAMPLE - 1</h3>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
example_folder/<br>
type_01/index.html</div>
<div class="PASS"><a href="example_folder/type_01/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">HTML / CSS / JavaScript を使ったサイトの実例その1.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>WEB SITE EXAMPLE - 2</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
example_folder/<br>
type_02/index.html</div>
<div class="PASS"><a href="example_folder/type_02/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">HTML / CSS / JavaScript を使ったサイトの実例その2.<br>
小型タブレットやスマート・フォンに対応している.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>WEB SITE EXAMPLE - 3</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
html_information_folder/<br>
example_folder/<br>
type_03/index.html</div>
<div class="PASS"><a href="example_folder/type_03/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">実例その3<br>このサイトでは　HTML / CSS を使っているが, JavaScript は使用していない.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Personal Site EXAMPLE</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
personal_lesson_example/<br>
L_000_example_taro_aoki/<br>
taro_aoki_000.html</div>
<div class="PASS"><a href="../personal_lesson_example/L_000_example_taro_aoki/taro_aoki_000.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">パーソナル・サイト<br>個人レッスンに申し込んでいただくと便利なレッスン・サイトが開設されます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Homework Site EXAMPLE</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
personal_lesson_example/<br>
work_L_000_taro_aoki/<br>
works_L_001_taro_aoki.html</div>
<div class="PASS"><a href="../personal_lesson_example/work_L_000_taro_aoki/works_L_001_taro_aoki.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">ホームワーク・サイト<br>個人レッスンに申し込んでいただくと毎回ホームワーク・サイトから課題の答えを送信できます. メール・アドレスを入力する手間が省けます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Question & Answer</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
question_&_answer_php/<br>
question_&_answer_php.html</div>
<div class="PASS"><a href="../question_&_answer_php/question_&_answer_php.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">質問と返答をリアル・タイムで行える二人用チャット方式の掲示板.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Letter Convert</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
letter_convert/<br>
letter_convert.html</div>
<div class="PASS"><a href="https://html-suisui.com/letter_convert/letter_convert.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">アルファベットの大文字 / 小文字を自動変換できます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>anagram</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
anagram/<br>
anagram.html</div>
<div class="PASS"><a href="https://html-suisui.com/anagram/anagram.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">アナグラム</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Entity Conversion</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
Entity_Conversion<br>
/Entity.html</div>
<div class="PASS"><a href="https://html-suisui.com/Entity_Conversion/Entity.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">文字や数字(記号)を Entity (エンティティ: → アンパサンドで始まりセミコロンで終わるテキスト)に変換できます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Encode_&_Decode</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
Encode_&_Decode<br>
/Encode_&_Decode.html</div>
<div class="PASS"><a href="https://html-suisui.com/Encode_&_Decode/Encode_&_Decode.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">文字 (utf-8 / shift-jis ) を10進数 / 16進数に変換 (逆変換) ができます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Permutations & Combinations</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
permutations/<br>
combinations.html</div>
<div class="PASS"><a href="https://html-suisui.com/permutations/combinations.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">スケールの数で順列 / 組み合わせを計算できます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Tag Reading</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
tag_reading/<br>
tag_reading.html</div>
<div class="PASS"><a href="https://html-suisui.com/tag_reading/tag_reading.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">タグの読み方を確認できます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>tag_reading_php</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
tag_reading_php/<br>
tag_R.html</div>
<div class="PASS"><a href="https://html-suisui.com/tag_reading_php/tag_R.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">タグを入力すれば情報を見れます.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Record Document</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
record_document_php/<br>
record_document_php.html</div>
<div class="PASS"><a href="https://html-suisui.com/record_document_php/record_document_php.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">文章を上から下に表示して記録します. カーソルは "オートフォーカス"で最初からセットされています.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Calendar</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
calendar/<br>
index.php</div>
<div class="PASS"><a href="https://html-suisui.com/calendar/index.php"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">ログインして予定を書き込めるカレンダー.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Property View</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
property_view/<br>
property_view.html</div>
<div class="PASS"><a href="https://html-suisui.com/property_view/property_view.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">ファイルのプロパティを表示する.</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Consumption Tax</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
consumption/<br>
tax.html</div>
<div class="PASS"><a href="https://html-suisui.com/consumption/tax.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">消費税の計算</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Check Please</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
check_please/<br>
check_please.html</div>
<div class="PASS"><a href="https://html-suisui.com/check_please/check_please.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">お勘定を割り勘する計算</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>Buy & Sale</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
buy/<br>
buy.html</div>
<div class="PASS"><a href="https://html-suisui.com/buy/buy.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">回文査定 / 買い取り</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>STUDY_html_folder</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
buy/<br>
buy.html</div>
<div class="PASS"><a href="https://html-suisui.com/STUDY_html_folder/STUDY_html_01.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">STUDY_html</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>回文 english Interpreter</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
english/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/english/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">回文読み上げと翻訳</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>study_css</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
study_css/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/study_css/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">CSS と 結果の表示</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>RGBカラー・チャート</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
LOGO/<br>
index+.html</div>
<div class="PASS"><a href="https://html-suisui.com/LOGO/index+.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">CSS で RGBカラー・コード表示</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>カーソルの種類を変更</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
LOGO/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/LOGO/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">CSS で カーソルの種類を変更</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>楽譜を拡大する</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
music_open/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/music_open/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">CSS で 楽譜を拡大</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>dtpレッスン.com</h3>
<p>　</p>
<div class="PASS">https://xn--dtp-7k4byb9oxb.com/<br>
index.html</div>
<div class="PASS"><a href="https://xn--dtp-7k4byb9oxb.com/"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">RGB を理解しよう</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>モールス・コード</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
morse_code/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/morse_code/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">Morse Code</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

<h3><span class="WES-MONTGOMERY">・</span>10進数/2進数/16進数変換</h3>
<p>　</p>
<div class="PASS">https://html-suisui.com/<br>
Convert_From_Decimal/<br>
index.html</div>
<div class="PASS"><a href="https://html-suisui.com/Convert_From_Decimal/index.html"target="_blank"><img src="W_reference_image/button_001.png"width="60"height="16"border="0"></a></div>

<p id="JOE">Convert From Decimal to Binary & Hexadecimal</p>
<hr style="width:100%;
height:2px;
background-color:#007f6f;">

</li>
</ul>
</article>
</section>