私のサイトは2000年の立上げだ。その後、xml xhtml に移行して行くのかなと状況を眺めていたら、ここに来てHtmlLivingStandard というバージョンがサイトコーディック最終版の様相を呈してきた。やはり厳密な記述を求められるのは嫌われたのだろう。そしてこのバージョンは Html4.01 とも親和性が高い。インストラクションセットも豊富になったようだし、スマホ対応も javascript の助けを少し借りるだけで良さそうだ。数多がスマホを携行する時代に、サイトもそれなりにスマホ対応していないと「サイト主は生きているのか？」と思われかねない。社会主義陣営が人類史の舵をとる時代はもう始まっている。それに気づかないのは我々を含めた西側の市井人だろう。私の人生、後半に突入したはずだが「今はまだ人生を語らず」という気持ちでいる。FB20240228
故阿部政雄氏のサイトを「kasai-chappuis」に復元したいと思いながらも、異なるデザインのサイトを共通のスタイルシートで記述することは容易なことではなかった。しかしながら「ばけら」の詳細なＨＴＭＬ＆ＣＳＳリファレンスに助けられ、現在、作業進行中である。そうこうする中も HTML や CSS の文法上の誤解を幾つか発見した。これを機に「kasai-chappuis」も、よりスタイリッシュなものにしようと思う。その際 HTML4.01厳密型で「非推奨」とされているコーディングも部分的に採用することとした。（2011）
a {font-weight : bold;
text-decoration : underline;}
a:visited{color : orange;}
a:link {color : maroon;}
a:active {color : red;}
a:hover {background-color : green;}
body
{background-image : url("../gif/Kabegami.gif");
color : black;
font-family : sans-serif;
font-size : 16px;
text-align : left;
}
blockquote{margin : 0.5em 1em;}
blockquote
{background: ivory;
border : 0.4em double yellowgreen;
color : black;
font-size : 0.8em;}
<p>経済動物は...</p>
<blockquote><p>経済動物は...
</p></blockquote>
<p>しかしながら、...</p>
経済動物は概して寿命をまっとうすることがありません。鶏もその例外ではなく、採卵鶏は5ヶ月くらいから卵を産み始め3歳を待たずしてその生涯を終えることが多く、かしわ肉となります。肉用若鶏 (ブロイラー) はなんと3ヶ月余りの命でしかないのです。
経済動物は概して寿命をまっとうすることがありません。鶏もその例外ではなく、採卵鶏は5ヶ月くらいから卵を産み始め3歳を待たずしてその生涯を終えることが多く、かしわ肉となります。肉用若鶏 (ブロイラー) はなんと3ヶ月余りの命でしかないのです。しかしながら、ここでは、なんとなく生きながらえている婆さん鶏ばかりがいます。そのため卵をあまり生まないのです。
しかしながら、ここでは、なんとなく生きながらえている婆さん鶏ばかりがいます。そのため卵をあまり生まないのです。
div{clear : both;}
div.home,div.index,div.index1,
div.index2,div.index3,div.indexend
{padding : 0.3em 1em 0.2em 1em;}
<p>＜クラス名＝無し＞経済動物は概して寿命をまっとうすることがありません。鶏もその例外ではなく、採卵鶏は5ヶ月くらいから卵を産み始め3歳を待たずしてその生涯を終えることが多く、かしわ肉となります。肉用若鶏 (ブロイラー) はなんと3ヶ月余りの命でしかないのです。</p>
h1,h2,h3,h4,h5,h6
{margin : 0.2em;}
h1,h2,h3,h4,h5,h6
{padding : 0.4em 0.3em 0.2em 0.3em;}
h1,h2,h3,h4,h5,h6
{background-color : white;
border-color : yellowgreen;
border-style : outset;
border-width : 0.5rem;
color : black;}
h1
{font-size : 2.2em;}
h2
{border-style : outset outset none outset;
font-size : 2em;}
h3
{border-style : outset none none outset;
font-size : 1.8em;}
h4
{border-style : outset none none outset;
font-size : 1.6em;}
h5
{border-style : solid none none solid;
border-width : 0.4rem;
font-size : 1.4em;
font-weight : bold;}
h6
{border-style : solid none none solid;
border-width : 0.3rem;
font-size : 1.2em;
font-weight : bold;}
img {border-style : none;
float : none;
margin : 0 0.5em;}
img.left {float : left;}
img.right {float : right;}
<img src="Image/Arokana.jpg" alt="アローカナ" class="left"> <img src="Image/Onagatori.jpg" alt="尾長鶏" class="right"> <p>経済動物は...</p>
経済動物は概して寿命をまっとうすることがありません。鶏もその例外ではなく、採卵鶏は5ヶ月くらいから卵を産み始め3歳を待たずしてその生涯を終えることが多く、かしわ肉となります。肉用若鶏 (ブロイラー) はなんと3ヶ月余りの命でしかないのです。しかしながら、ここでは、なんとなく生きながらえている婆さん鶏ばかりがいます。そのため卵をあまり生まないのです。
dl,ol,ul {margin : 0.5em 1em 0.5em +2.5em;}
dd {margin : 0 0 0 1em;}
dt {margin : 0.3em 0 0 0;}
li {margin : 0.1em 0;}
dd {padding : 0.3rem;}
dt {padding : 6px 6px 4px 6px;}
ul,ol {list-style: none;}
ol {list-style-type : decimal}
ul {list-style-type : disc}
.alpha {list-style-type : lower-alpha}
.circle {list-style-type : circle}
.decimal {list-style-type : decimal}
.disc {list-style-type : disc}
.none {list-style-type : none}
.roman {list-style-type : lower-roman}
.square {list-style-type : square}
.upalpha {list-style-type : upper-alpha}
.uproman {list-style-type : upper-roman}
li.title{list-style-type : none}
dt{background : white;
border-color : #fc9;
border-style : none none double double;
border-width : 2px;
color : black;}
<ul> <li class="circle">経済動物としての鶏 <li class="disc">経済動物は概して寿命を <li class="none">まっとうすることがありません。 <li class="square">鶏もその例外ではなく、 <li>採卵鶏は5ヶ月くらいから </ul>
<ol> <li class="alpha">経済動物としての鶏 <li class="roman">経済動物は <li class="decimal">概して寿命を <li class="upalpha">まっとうすることがありません。 <li class="uproman">鶏もその例外ではなく、 <li>採卵鶏は5ヶ月くらいから </ol>
<ol class="upalpha"> <li>経済動物としての鶏 <li>経済動物は <ol class="alpha"> <li>概して寿命を <li>まっとうすることがありません。 </ol> <li>鶏もその例外ではなく、 </ol>
<dl> <dt>経済動物としての鶏 <dd>経済動物は <dl> <dt>概して寿命を <dd>まっとうすることがありません。 </dl> </dl>
p{margin : 0.6em 0.3em 0.6em +2em;}
p{text-align : left;
text-indent : 1em;}
p.center {text-align : center;}
p.right {text-align : right;}
pre{margin : 0.2em 1em;}
hr.end
{height : 1px;
border-color: black;
border-style: double none;
border-width: 1px 0px 2px}
hr.separate
{height : 3px;
border-color: black;
border-style: double none;
border-width: 1px}
hr
{border-bottom : 2px ridge mediumaquamarine;
color : mediumaquamarine;
clear : both;
}
hr.none
{border-bottom : 0px ridge mediumaquamarine;
border-width : 0px}
hr.page
{page-break-after : always}
@media print
{hr.page {page-break-after : always}}
table {margin : 0.2em 0.5em;}
table p {margin : 0.2em 0.3em;}
caption{caption-side: bottom;
font-size : small;
font-weight : bold;
text-align : center}
table th,
table td{border: solid 1px black;}
table {border-collapse: collapse;}
thead {text-align : center}
tbody,tfoot {text-align : right}
thead,tfoot {background-color : tan}
tbody {background-color : GhostWhite}
| 日付 | 摘要 | 支払先 | 価格 | 累計 | 科目 | 金額 | |
|---|---|---|---|---|---|---|---|
| 合計 | 129,619 | ||||||
| 02/02/26 | ガソリン 28.0 | 森下 | 3,028 | 3,028 | 自動車税 | 4,000 | |
| 02/04/12 | ガソリン 29.0 | 森下 | 3,136 | 6,164 | 燃料費 | 28,079 | |
| 02/05/29 | ガソリン 43.9 | 森下 | 4,841 | 11,005 | 整備費 | 97,540 | |
| 02/06/12 | 自動車税 | 支庁 | 4,000 | 15,005 | 合計 | 129,619 | |
| 02/06/29 | ガソリン 24.5 | 森下 | 2,702 | 17,707 | |||
| 02/07/30 | ガソリン 20.0 | 森下 | 2,205 | 19,912 |
.center {text-align : center;}
.left {text-align : left;}
.right {text-align : right;}
.title {color : red;
font-size : large;
font-style : italic;
font-weight : bold;}
.noindent{text-indent : 0;}
.small {font-size : small;}
.x-small {font-size : x-small;}
.large {font-size : large;}
.x-large {font-size : x-large;}
.bold {font-weight : bold;}
.cursive {font-family : cursive;}
.italic {font-style : italic;}
.underline {text-decoration : underline;}
em {color : fuchsia;
font-style : italic;}
strong {color : red;}
no size 文字指定なし
small 小さな文字指定
x-small 小さな文字指定
large 大きな文字指定
x-large 大きな文字指定
bold 太字指定
cursive family カーシブの文字指定
italic イタリックスタイルの文字指定
underline 下線指定
emphasize 強調指定
strong 強調指定