STUDY_html_015_E.html
<html>
<style>
p{color:#999999;}
.ナンバー横A{margin-left:60px;}
.ナンバー横B{margin-left:473px;}
.ナンバー横C{margin-left:473px;}
.ナンバー横D{margin-left:320px;}
</style>
<p class="ナンバー横A">1
<span class="ナンバー横B">11</span><span class="ナンバー横C">21</span><span class="ナンバー横D">28</span></p>
</html>
<html>
<style>
p{color:#999999;}
.ナンバー縦{margin-top:0px;
margin-left:16px;
line-height:60px;}
</style>
<p class="ナンバー縦">1</p>
<p class="ナンバー縦">2</p>
<p class="ナンバー縦">3</p>
<p class="ナンバー縦">4</p>
<p class="ナンバー縦">5</p>
<p class="ナンバー縦">6</p>
<p class="ナンバー縦">7</p>
<p class="ナンバー縦">8</p>
<p class="ナンバー縦">9</p>
<p class="ナンバー縦">10</p>
<p class="ナンバー縦">11</p>
<p class="ナンバー縦">12</p>
<p class="ナンバー縦">13</p>
<p class="ナンバー縦">14</p>
<p class="ナンバー縦">15</p>
<p class="ナンバー縦">16</p>
<p class="ナンバー縦">17</p>
<p class="ナンバー縦">18</p>
<p class="ナンバー縦">19</p>
<p class="ナンバー縦">20</p>
<p class="ナンバー縦">21</p>
<p class="ナンバー縦">22</p>
<p class="ナンバー縦">23</p>
<p class="ナンバー縦">24</p>
<p class="ナンバー縦">25</p>
<p class="ナンバー縦">26</p>
<p class="ナンバー縦">27</p>
<p class="ナンバー縦">28</p>
<p class="ナンバー縦">29</p>
<p class="ナンバー縦">30</p>
</html>
<html>
<script>
function ますめ(TaTe,YoKo)
{let Repeat_縦,Repeat_横=1;
for(Repeat_縦=50;
Repeat_縦<=76*TaTe;
Repeat_縦+=76)//縦の間隔
{for(Repeat_横=50;
Repeat_横<=50*YoKo;
Repeat_横+=49)//横の間隔
{document.write("<img src='WHITE.png'style='position:absolute;left:"+Repeat_横+";top:"+Repeat_縦+"'>");
}}}
ますめ(30,28);
</script>
<style>
p{color:#999999;}
.ナンバー縦{margin-top:0px;
margin-left:16px;
line-height:60px;}
.ナンバー横A{margin-left:60px;}
.ナンバー横B{margin-left:473px;}
.ナンバー横C{margin-left:473px;}
.ナンバー横D{margin-left:320px;}
</style>
<p class="ナンバー横A">1
<span class="ナンバー横B">11</span><span class="ナンバー横C">21</span><span class="ナンバー横D">28</span></p>
<p class="ナンバー縦">1</p>
<p class="ナンバー縦">2</p>
<p class="ナンバー縦">3</p>
<p class="ナンバー縦">4</p>
<p class="ナンバー縦">5</p>
<p class="ナンバー縦">6</p>
<p class="ナンバー縦">7</p>
<p class="ナンバー縦">8</p>
<p class="ナンバー縦">9</p>
<p class="ナンバー縦">10</p>
<p class="ナンバー縦">11</p>
<p class="ナンバー縦">12</p>
<p class="ナンバー縦">13</p>
<p class="ナンバー縦">14</p>
<p class="ナンバー縦">15</p>
<p class="ナンバー縦">16</p>
<p class="ナンバー縦">17</p>
<p class="ナンバー縦">18</p>
<p class="ナンバー縦">19</p>
<p class="ナンバー縦">20</p>
<p class="ナンバー縦">21</p>
<p class="ナンバー縦">22</p>
<p class="ナンバー縦">23</p>
<p class="ナンバー縦">24</p>
<p class="ナンバー縦">25</p>
<p class="ナンバー縦">26</p>
<p class="ナンバー縦">27</p>
<p class="ナンバー縦">28</p>
<p class="ナンバー縦">29</p>
<p class="ナンバー縦">30</p>
</html>
sample_STUDY_html_015_E 
サンプル・ダウンロード 
