STUDY_html_001

　　STUDY_html_001_D.html

html
css
JavaScript

<html>
<meta charset="utf-8">

<style>　　　　　スタイル　　　　　</style>

<table>
<tr><td class="ディレクトリ"colspan="3"><span style="padding-top:8px;padding-bottom:8px;padding-left:6px;
background-color:lightblue;color:black;font-size:18px;
line-height:16px;">STUDY_html_folder</span> / STUDY_html_2022 /
<hr></td></tr>
<tr><th>フォルダー番号</th><th>html ファイル名</th><th>使用画像ファイル / 内容</th></tr>
<tr><td class="パス"> <span style="font-size:22px;">└</span> 
<span style="background-color:lightblue;">STUDY_html_001</span> /</td><td>■ STUDY_html_001_A.html</td></tr>
<tr><td>　├　</td><td class="セツメイ"colspan="2">
<br>HTML関係の書籍では表紙のイラストにパズルやキッチン用具が描かれていることが多いのは何故か？<hr></td></tr>
<tr><td class="パス"> </td><td>■ STUDY_html_001_B.html</td></tr>
<tr><td>　├　</td><td class="セツメイ"colspan="2">
<br>HTMLファイルとは, HTML と CSS と JavaScript が合体した書類である.<hr></td></tr>
<tr><td class="パス"> </td><td>■ STUDY_html_001_C.html</td></tr>
<tr><td>　├　</td><td class="セツメイ"colspan="2">
<br>Nested Elements とは HTML の入れ子構造のこと.<hr></td></tr>
<tr><td class="パス"> </td><td>■ STUDY_html_001_D.html</td></tr>
<tr><td>　├　</td><td class="セツメイ"colspan="2">
<br>Path とは, フォルダーやファイルが保存されている場所を階層で表した文字列のこと.<hr></td></tr>
<tr><td class="パス"> </td><td>■ STUDY_html_001_E.html</td></tr>
<tr><td>　⎿　</td><td class="セツメイ"colspan="2">blink_01.jpg
<br>注意点: CSS と JavaScript で 点滅を使いすぎないこと.<hr></td></tr>
<tr><td>　</td></tr>
</table>
<div id="表示"class="ファイルメイ"></div>

<script>　　　　　すくりぷと　　　　　</script>

</html>

<style>
hr{margin-top:30px;}
p{text-align:left;margin-top:30px;margin-bottom:20px;margin-left:10px;font-weight:lighter;font-size:70%;color:#456789;}
table{display:block;margin-top:0px;margin-bottom:60px;margin-left:auto;margin-right:10px;width:96%;
text-align:center;background:#efefef;color:black;border-radius:1em;
border:1px solid gray;padding:1em;top:20%;font-family:"ＭＳ 明朝",serif;}
th{color:tomato;font-size:70%;}
td{height:60px;}
.ディレクトリ{text-align:left;color:black;height:4em;font-size:120%;font-weight:lighter;font-family:"ＭＳ ゴシック",sans-serif;}
.パス{color:#000000;height:4em;font-size:100%;font-weight:bold;}
.ファイルメイ{text-align:center;color:#999999;font-size:140%;font-weight:bold;}
.セツメイ{color:#666666;height:4em;text-align:right;font-size:80%;font-weight:lighter;font-family:"ＭＳ ゴシック",sans-serif;}
</style>

<script>
var どきゅめんと=document.location.pathname.split("/").pop();
document.getElementById("表示").innerHTML=どきゅめんと;
</script>

sample_STUDY_html_001_D ▶[ STUDY_html_folder / sample_STUDY_html_001_D.pdf ]
サンプル・ダウンロード

← Contents

STUDY_html_001_D.html

　　← Contents

　　STUDY_html_001_D.html