日別アーカイブ: 2020-01-02

HTMLを楽しもう

新しい生活スタイル

時間は連続して流れています。新しいことに挑戦するにはいい時期です。3日坊主でも合計すれば3週間、3か月になるかも知れません。HTMLで会報や会計報告書を作ってみませんか。

準備する資材はネット上にありフリーで利用できます。

すでにお使いのパソコン、スマホに組み込まれているでしょう。

以下に旅行案内の事前連絡をお知らせするハガキを想定した文面を掲げます。

2020年4月から新学習指導要領が全面実施となるので小学校でもプログラミング教育が必修化になります。

プログラミングは誰にでも開かれ相談相手はネットです。興味があれば老若男女あらゆる世代で始められます。そこでHTMLで楽しんでみませんか。

縦書き、横書き併用、カラー、テキスト・画像の重ね書きは異彩を放ちます。

RESULT

 《恒例の旅行について》

会員の皆様、お変わりありませんか。令和初めての新年です。春の恒例の旅行について、様々な要望が届いていますが、都内近辺を提案します。東京都が筆頭株主のはとバスを利用して効率よく東京を巡るのはいかがでしょうか。


はとバス観光には洗練されたコースがたくさんあり、おおぜいの外国人観光客にも利用されています。近々、詳細スケジュールを決定したいと考えています。健康には十分気を付けたいです。桜の頃に元気に再会しましょう。
幹事より

 令和二年 あけぼの
貴賓席の旅

HTMLサンプルコード

<!DOCTYPE html>
<html>
<body>
<DIV style="width:60%; margin-right:auto; margin-left:auto; margin-top:10px;">
<Div style="position:relative; width:351px; height:520px; font-size:20px; border:1px solid pink;">
<div id="doyo" class="h2vr_26" style="margin-right:10px; margin-top:0px; line-height:1.2em;">
 <span style="color:navy;">《恒例の旅行について》</span>
<p>会員の皆様、お変わりありませんか。<strong>令和</strong>初めての新年です。春の恒例の旅行について、様々な要望が届いていますが、都内近辺を提案します。東京都が筆頭株主の<strong>はとバス</strong>を利用して効率よく東京を巡るのはいかがでしょうか。<BR>
<BR>
<BR>
はとバス観光には洗練されたコースがたくさんあり、おおぜいの外国人観光客にも利用されています。近々、詳細スケジュールを決定したいと考えています。健康には十分気を付けたいです。桜の頃に元気に再会しましょう。<BR>
<span style="padding-left:437px; color:deeppink;">幹事より</span></p>
 令和二年 あけぼの
</div>
<div style="position:absolute; left:15px; top:180px; width:435px; height:40px; font-size:64px; color:deeppink; border:0px solid blue; opacity:0.3;">貴賓席の旅</div>
<div style="position:absolute; left:2px; top:260px; width:347px; height:260px; border:0px solid red; opacity:0.6">
<image src="https://img.poke.co.jp/media/transfer/img/eventid_13003/eventid_13003_pic3.jpg" width="347" height="260">
</div>
</Div>
</DIV>
</body>
</html>