2014年1月5日日曜日

新年

とはいいつつ、年末の画像です。











ここから年始









1/1は稲荷神社へ初詣に行きました。
健康祈願をしました、が、
1/2から私は風邪をひき、今も腹を壊してうなっています。

夜、少し回復したのでXHTMLを終わらせました。量が多いのでindexだけ…。

index----

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta  http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>XHTML学習用</title>
<style type="text/css">

body    {color: #f10000;
         background-color: #66aa66;
         text-align:center;
         /*background-image: url(back.png)*/} /*全体の色指定。#赤緑青*/

div#container {border: solid;
               border-width: 10px;
              border-color: #bbffaa;/*この三つは一つに出来る(メンドイからやらん*/
               padding: 20px;
               border-style: double;
               background-color: #ffffff;
               background-image: url(back.png);
               width: 600px;
               margin-left: auto;
               margin-right: auto}

h1      {font-size: 1.25em;
         font-family: 'ＭＳ Ｐ明朝',serif;
         color: #66aa66} /*よりコンテンツに近い位置でマークアップされた設定が適用される、color設定。つうかチャットしてる相手がノコギリギコギコやってて音がすごい。*/

h2      {color: LightsaLmon;
         font-style: oblique;
         font-weight: lighter;
         text-decoration: overline}

p       {font-size: 0.80em;
         font-family: 'ＭＳ Ｐ明朝'}

address {font-size: 0.75em;
         color: #abcdef;
         font-style: normal} /*コピーライトの斜体を打ち消すnormal*/

a       {color: #33aa88} /*リンクの色*/

a:hover {color: #ffaabb;
         font-size: larger}

address a:hover {color: #ffaa00;
                 font-size: 1.00em} /*サイズ比率をここで設定しておかないと*/

ul      {list-style-type: none;
         margin-left: 0;
         padding-left: 0;
         background-color: #bbffaa;
         padding: 3px 20px}

li      {display: inline;
         padding-left: 10px;
         font-size: 0.75em}

li a    {text-decoration: none}

p#message {width: 300px;
           margin-left: auto;
           margin-right: auto;
           text-align: left;/*alignは恐らく「そろえる」の意だろう。左にそろえる。*/
           line-height: 1.3}

</style>
</head>
<body>

<div id="container">

<h1><img src="C:\Users\nishi\Documents\webpage\item\webpage\title.png"alt="仮タイトル"width="374"height="57"/></h1>

<ul>
<li><a href="about.html">aboutへのリンク</a></li><br/>
<li><a href="event.html">季節のイベント</a></li>
<ul>
<li>春のイベント</li>
<li>夏のイベント</li>
<li>秋のイベント</li>
<li>冬のイベント</li>
</ul>
<li><a href="contact.html">お問い合わせ</a></li>
<li><a href="http://futonmuguri.blogspot.jp/">ブログ</a></li>
</ul>

<p><img src="C:\Users\nishi\Documents\webpage\item\test.jpg"alt="吉本隆明の声と言葉を聞きながらやっています。"width="400"height="267"/></p>

<p id="message">→見出しを「ＭＳ Ｐ明朝」に変更。「MS P明朝」じゃ実行されない。<br/>
    　分からなくて色々調べた。チクショウ。</p>

<h2 style="font-size: 2em">
<h2>インラインの文字デザイン設定テストです「サイズ、2em」</h2>

<h3>
文字は大きくなる?→h1,h2,h3,の順に小さくなっている。

<br/>テキスト間違ってるやん</h3>


<p>
てすとてすとてすと<br/>
練習
</p>

<p>
てすとてすと
</p>

<address>Copyright(C)<a href="mailto:s\forest@test.mail">test</a></address>

</div>

</body>
</html>

-------

大したことはやってないんですが、つまらなさでサボリ気味になり…
本当は年が変わる前に終わらせるはずだったのになあ。
まあ、基本は分かりました。
やってみたら結構単純だったな。

次はHTML5をやってみるか、それともCSSをやるかです。

まだCSSってなんぞ?という感じで、さっぱりなので早く知りたいんですが、
一度CSSを知ってしまうと、私のものぐさな性格を考えた場合、
HTML5をやらずにXHTMLだけでなんとかやっていこうとするに決まっているのです。

もうXHTMLの時代は終りでHTML5に移行すると聞くので…うーん。



あと、実家に送った書道の奴を貼っておきます。


書きたてホヤホヤでシワのない時は中々格好良かったのです。
長崎に届いたときはちょっと残念な感じになっていたかもしれないですが…。

意味は

元日の朝はすべてがめでたい光に包まれている
四方の海もゆったりとして朝日に赤く染まっている
あらゆるものが一巡して新しくなったような気持ちがする
私も今年こそは、と気持ちが高ぶってくる
だそう。

自分で訳とか付けてみたいものですが、
なかなか手が出せません。



\\\\\\\\\\\\\\\\\\\\\\\\



そういえば、12/22には鴨川ショートケーキに行きました。



　ちょうど遠くの山に雪が積もり始めた頃でした。
最近とても寒いけど、まだ雪はほとんど積もらないなあ。

それでは。

投稿者 時刻:

2 件のコメント:

登録: コメントの投稿 (Atom)