パソ隊HP PCサロンについての学習(ブロック化)

１．西野PCサロンの作成

　　https://pasotai.org/salon/　＝＝＞　https://pasotai.org/nishino　

①固定ページ「PCサロン」のソースをコピーして、
　　固定ページ「西野PCサロン」を作成する。
② url は、nishino とする。

２．新タグの設定

タグ機能については､下記を参考にした。
https://abi.sakura.ne.jp/hpws/pasotaihp#jp1

2.1 最初の htmlブロックの増補 及び 一部削除

<!--tabのリスト-->
<ul class="nav nav-pills nav-tabs">
<li><a class="nav-link active" href="#tabs0" data-toggle="tab">PCサロン</a></li>
<li>　以下は<br>　昨年</li>
<li><a class="nav-link active" href="#tabs1" data-toggle="tab">サロンA</a></li>
<li><a class="nav-link" href="#tabs2" data-toggle="tab">サロンB</a></li>
<li><a class="nav-link" href="#tabs3" data-toggle="tab">サロンC</a></li>
<li><a class="nav-link" href="#tabs4" data-toggle="tab">入門サロン</a></li>
</ul>

2.2 ２番目の htmlブロックの追加

<!--tab-content スタート-->
<div class="tab-content mt1"><!--tab-content-->
<div id="tabs0" class="tab-pane active"><!--start tab-pane-->
<!--↓これ以降にtabs0(PCサロン)本文-->

2.3 ひとまず「ＰＣサロン」見出しブロックの追加

h3とする　又　追加CSSとして　hleft mt1　

2.4 ３番目の htmlブロックの追加

<div class="clear spacer1"></div><!--1行空け-->
<div class="clearfix"></div>

2.5 4番目の htmlブロックの一部削除

<!--tab-content スタート-->
<div class="tab-content mt1"><!--tab-content-->
<div id="tabs1" class="tab-pane active"><!--start tab-pane-->
<!--↓これ以降にtabs1(サロンA)本文-->

３．PCサロンの内容作成