HTMLタグ言語で何ができるか(01)
HTMLタグとは何か
ホームページは何に利用するか
(1)ホームページを個人としてアップする場合、どんな方法でも自由です。
1.JavaScriptやタグ言語は、ソフトを使わずに、高度なホームページを作成できるので、素晴らしい。
2.同時に、ソフトを使わないので、「時短のススメ」など情報を共有したり、技術を継承する学校などには不向きです。
(2)学校で「時短のススメ」などを推進するには、小学生1年生から80歳の方が使える方法が絶対不可欠です。
1.私は、JavaScriptやタグ言語、ホームページビルダー13も使えます。
2.しかし、パソコンに苦手な子供や先生にも簡単に楽しんでホームページを作成してもらうにはホームページビルダー3ホームページビルダー13でなく)を推奨しています(データーベース化)。
3.データベースをリンクして、ソース画面で情報処理化するという高度な技術を習得するためにもホームページビルダー3ホームページビルダー13でなく)を推奨しています。

**その理由を以下で説明します。
(1━1)HTMLタグ言語とは何か
相生市の木(ツバキ)です
写真(1━1)
 写真(1━1)は、相生市の木(ツバキ)です。

@<TABLE>
A<TR>
<TD>B<IMG src=C"tubaki01h.jpg" height="250" width="373"></TD></TR>
<TR>
D<TD align="center">相生市の木(ツバキ)です</TD></TR>
<TR>
<TD align="center"><B>E<FONT color="#0000ff">写真(1)</FONT></B></TD></TR>
</TABLE>
参考資料(1━1)
 参考資料(1━1)は、写真(1━1)の設計図です。
(1)「@<TABLE>〜</TABLE>」がタグ言語です。その範囲を表で囲みなさいというタグです。
(2)「A<TR>〜</TR>」が1行分です。「B<IMG src=」はイメージ(写真など)を使うタグです。
(3)「C"tubaki01h.jpg" height="250" width="373"」は、高さ250×幅373のツバキ(tubaki01h.jpg)を使うというタグです。
(4)「D<TD align="center">相生市の木(ツバキ)です</TD>」は、”相生市の木(ツバキ)です”を中央寄せ(center)せよというタグです。
(5)「E<FONT color="#0000ff">写真(1)</FONT>」は、”写真(1)”という文字(FONT)の色(color)を青("#0000ff")にしなさいというタグです。

(1━2)HTMLタグ言語とは何か
鹿苑寺金閣 慈照寺銀閣
 鹿苑寺金閣(左)と慈照寺銀閣(右)の写真をみて、次の文中の( )内に適する語句を記入せよ。
 足利義満はその権勢と富により、京都の北山に壮麗な( 1 )と呼ばれる山荘を造営したが、それは下二層の伝統的な( 2 )と、上層の禅宗様が見事に調和しており、北山文化を象徴する存在である。
 8代将軍が義満にならって京都の東山に造営した山荘である( 3 )は、対照的に東山文化を象徴する存在として知られる。( 4 )は( 5 )の下層と禅宗様の上層から成り、その東求堂内の一室( 6 )は茶室の起源ともいわれる。この頃より、( 5 )は禅宗寺院や武士の住宅に積極的に採用され、庭園には岩石と砂利を組み合わせて象徴的な自然をつくり出した( 7 )が好んで用いられた。その名園としては竜安寺・大徳寺大仙院・西芳寺などがある。
 大学入試だけでなく、日本文化の源流でもあるので、正しく覚えましょう。
写真(1━2)
写真(1━2)は、鹿苑寺金閣と慈照寺銀閣の問題です。

全体の幅は700ピクセルに設定する
金閣寺の写真(横350×縦300) 銀閣寺の写真(横350×縦300)
2行目の左は350ピクセル(700/2=350)に 2行目の右は350ピクセル(700/2=350)に
鹿苑寺金閣(写真の説明は太字) 慈照寺銀閣(写真の説明は太字)
写真と写真の説明は表の中の表を使う(全て中央寄せ、背景色は黄色)
文章の入力は左寄せ(標準文字、茶色)
注意事項は左寄せ(小文字、背景色は青色)
参考資料(1━2)
参考資料(1━2)は、ビルダー3のレイアウトです。
(1)幅を700ピクセルに設定するのは、A4用紙に印刷するためです。
(2)幅を700ピクセルに設定するのは、膨大に横に長い文章を読む人は限定されています。読める文章は横に35文字以内とするためです。

@<CENTER>
@<TABLE width="700">
<TR>
<TD>
A<CENTER>
A<TABLE width="712" bgcolor="#ffff00">
<TR bgcolor="#ffff00">
<TD align="center" bgcolor="#ffff00"><IMG src="01ah.jpg" height="295" width="350"></TD>
<TD align="center" bgcolor="#ffff00"><IMG src="01bh.jpg" height="300" width="350"></TD></TR>
<TR>
<TD align="center" bgcolor="#ffff00"><B>鹿苑寺金閣</B></TD>
<TD align="center" bgcolor="#ffff00"><B>慈照寺銀閣</B></TD></TR>
A</TABLE>
A</CENTER>
</TD></TR>
<TR>
<TD bgcolor="#ff8040"> 鹿苑寺金閣(左)と慈照寺銀閣(右)の写真をみて、次の文中の( )内に適する語句を記入せよ。<BR>
 足利義満はその権勢と富により、京都の北山に壮麗な( 1 )と呼ばれる山荘を造営したが、それは下二層の伝統的な( 2 )と、上層の禅宗様が見事に調和しており、北山文化を象徴する存在である。<BR>
 8代将軍が義満にならって京都の東山に造営した山荘である( 3 )は、対照的に東山文化を象徴する存在として知られる。( 4 )は( 5 )の下層と禅宗様の上層から成り、その東求堂内の一室( 6 )は茶室の起源ともいわれる。この頃より、( 5 )は禅宗寺院や武士の住宅に積極的に採用され、庭園には岩石と砂利を組み合わせて象徴的な自然をつくり出した( 7 )が好んで用いられた。その名園としては竜安寺・大徳寺大仙院・西芳寺などがある。</TD></TR>
<TR>
<TD bgcolor="#80ffff"><FONT size="-1"> 大学入試だけでなく、日本文化の源流でもあるので、正しく覚えましょう。</FONT></TD></TR>
@</TABLE>
@</CENTER>
参考資料(1━3)
参考資料(1━3)は、写真(1━2)の設計図です。
(1)ビルダー3で作成すれば、小学生でも簡単にできます。
(2)ソース画面(メモ帳)で、タグ言語を使用して、作成するには、ほとんどの人ができません。
(3)データベースは全員でするため、ビルダー3を使用します。
(4)タグ言語は難解ですが、情報処理には不可欠です。少数の人で専門的に取り組みます。
(5)ビルダー3とタグ言語を併用するというのが現実的です。

(2)ホームページはタグ(命令)で作成されています
(1)私がホームページをアップした頃は、ホームページのソフトがありませんでした。タグ言語からスタートしました。今、それが私の財産です。
(2)大学生は、タグ言語を学んでいます。ホームページソフトは高価です。タグ言語は、無料のメモ帳で作成できます。世界中、タグ言語さえマスターしておれば、有料のソフトを使うことなくホームページを作成できるからです。

(3)ホームページビルダーを使えば、簡単にタグ言語を習得できます
(1)参考資料(1)で見たように、タグ言語を習得するには、時間とエネルギーが必要です。
(2)しかし、ホームページビルダーを使えば、簡単にタグ言語が習得できます。

(3)私の同僚に、若くて熱心な英語の女先生がいました。恩師が研修所の指導主事となり、彼女は恩師が指導する「ホームページ作成講座」の指名を受けました。
 私のところへ「心得」を聞きにきました。「ビルダーで基礎基本のソース(タグ言語)を覚えるのが、短時間で習得できる一生の財産」と持論を話し、実技講習もしました。
 やがて、研修所から帰ってきた彼女は、「タグ言語から入ったので、受講生は皆、ホームページへの不信を抱いて、失敗に終わった」と報告しました。「●●先生(私のこと)のやり方が一番だと思った」とも語っていました。

(4)このシリーズでは、ホームページビルダーを使って習得するタグ言語編をお届けします。
タグ言語一覧表←クリック