====================================================================== ● ● ●●●●● ● ● ● ☆HTML入門講座☆ ● ● ● ●● ●● ● 第8号 98/9/24 ● ● ● ● ●● ● ● ●●●●● ● ● ● ● ● ● ● ● ● ● ● 発行人: ● ● ● ● ● ● 池田蛇足 dasoku Ikeda ● ● ● ● ● ●●●●● Visit Our Web Site About This Magazine and HTML---------------------- http://hp.vector.co.jp/authors/VA014079/study_html/ =====================================================発行部数 2487部= 第6講:パラグラフ さて今日は、まず
タグによる、パラグラフのマークアップを説明し、あわ せてタグの「属性」というものを説明します。 パラグラフは日本語では段落と呼ばれるものです。普通はインデントを使って 示されますね。小学校のとき、原稿用紙に向かって何かを書けと言われて、い わゆる「作文」などという作業をさせられた記憶は誰にもあるでしょう?その 時、「段落の始めは1マス開けましょう」とか言われましたよね。その、1マ ス分へっこんでいるのを、インデントと呼びます。このメールマガジンでは、 段落であることを示すためには、インデントは使っていません。改行し、一列 開けることで段落であることを示しています。 HTMLでは、文のカタマリが「段落」であることを示すために
・・・
のタグを使っています。たとえば次の例を見てください。 【例1:の使用例】-------------------------------------------
This soft is made for everyone who hope to write HTML and to make their own web pages. YUJU runs on Windows95/NT4.0. YUJU supports 44 HTML tags and JavaScript. May you be a wonderful web master with this soft. Thank you!
(参考資料>資料2) ----------------------------------------------------------------------- ★このマガジンのサイトにサンプルを掲載!「参考資料2」をご覧ください。 GO>>http://hp.vector.co.jp/authors/VA014079/study_html/ 前回勉強したをつけているわけです。 マガジンのサイトで参考資料をご覧になるか、もしくは上のソースコード【例1】 にドクタイプ宣言や
はどうも目立った効果がなさそうです。 じゃあ
タグは付けるだけ無駄なのか?…そうではありませんね。もうそろそろ お分かりでしょう。繰り返しになりますが、HTMLはドキュメントの見栄えを 指定するための言語ではありません。本来は、ドキュメントの(論理的な)構造 を明示するためのマークアップ言語なのです。たまたま、IEやNNといったブ ラウザでは、何も装飾せずにそのまま表示しましたが、たとえば或るブラウザで はインデントを付けて表現するかもしれません。 IEやNNでは、
タグの「パラグラフ」を一塊の文字列として表示し、その直 後で改行、一列分開けて次のパラグラフになる、といった表現で
(パラグラフ)
のマーックアップを表現するようです。たとえば次のソースをブラウザで見てみ
ましょう。
【例1: の使用例】-------------------------------------------
This soft is made for everyone who hope to write HTML and to make
their own web pages. YUJU runs on Windows95/NT4.0. YUJU supports 44
HTML tags and JavaScript. May you be a wonderful web master with this
soft. Thank you! This soft is made for everyone who hope to write
HTML and to make their own web pages. YUJU runs on Windows95/NT4.0.
YUJU supports 44 HTML tags and JavaScript. May you be a wonderful web
master with this soft. Thank you! This soft is made for everyone
who hope to write HTML and to make their own web pages. YUJU runs on
Windows95/NT4.0. YUJU supports 44 HTML tags and JavaScript. May you be
a wonderful web master with this soft. Thank you! タグの威力
です。
タグには属性を指定できるものがあります。実は前回、ちょっぴり紹介したフォ
ントを指定する は、属性を含んでいます。
は、属性「サイズ」に関し、値「0」を指定しているフォントタグです。つまり
にさっそく属性を付加してみましょう。 に指定できる属性は
ALIGN属性です。これは、そのタグの要素の「揃え位置」を指定します。この属
性はさまざまなタグに付けることができ、たとえば前回の のALIGN属性】------------------------------------------------
This is a sample paragraph. This is a sample paragraph. This is a sample paragraph. は開始タグだけで終了タグは省略可能だとする解説書もあります。そ
して、おそらくNNやIEでは、終了タグを省略してもパラグラフとして表示し
てくれるでしょう。しかし、終了タグは不要とするのはHTML1.0で、この
バージョンは現在認められていません。1.0は2.0に上書きされたので、も
はや1.0はありえないのです。ゆえに、Pの終了タグを省略したHTMLは、
「古いHTML」ですらなく、「誤ったHTML」と言ってまずかったら「模範
的ではないHTMLいうことになります。「開けたら閉める」お忘れなく。
★YUJU HTML Editor1.0でパラグラフを生成するには、「パラグラフ」ボタンを
押して下さい。「パラグラフ・ダイアログ」が現れます。まず、揃えを指定した
い場合、つまり ALIGN属性を指定したい場合は、「揃え位置指定」のチェックボ
ックスをチェックし、「左寄せ」「中央」「右寄せ」のラジオボタンのうちいず
れかをチェックしてください。ここで複数の揃え位置を指定することはできませ
ん。それぞれは排他的です。
そして大きな編集窓に、パラグラフとなるべき文字列を記入してください。終わ
ったら「作成して閉じる」をクリックしてみましょう。メインエディタの編集窓
にパラグラフのHTMLが生成されているはずです。なお、パラグラフをいくつ
も連続で生成したい場合、何度もダイアログを起ち上げるのは面倒ですね。そう
いう場合は、「閉じずに生成」をクリックしてみましょう。
なお、もっと簡単な方法もあります。メインエディタの編集窓に直接パラグラフ
となるべき文字列を記入して、終わったらマウスでその部分を選択し、マウスの
右ボタンをクリックしてポップアップメニューを出します。そこで「パラグラフ
化」を選択してください。それだけで、文字列の先頭に 、最後尾に を使ってマークアップしなさい。ま
た、最上階級の見出しをセンタリング(中央寄せ)しなさい。
さらにこれをHTMLファイルとして体裁を整え、保存し、閲覧しなさい。
------------------------------------------------------------------------
第一章:HTMLの基礎
第一回:論理マーックアップ
HTMLはハイパーテキスト用のマークアップランゲージで、SGMLの応用と
して作られました。現在はW3Cによってバージョン4.0が承認され、通用し
ています。
本来はドキュメントの論理構造を示すためのマークアップ言語ですが、WWWの
一般社会への浸透に伴い、WWWの情報にも様々な要素が含まれるようになり、
バージョン3.2では多くの付加属性やタグが追加され、「見栄え」をも追求す
る言語仕様になってきたかのように思われました。
しかし、4.0ではそれとは逆へ方向転換を始めています。もちろんそれは、W
WWのビジュアルなマルチメディア否定というわけではなく、それらの要素をH
TMLの仕様から「スタイルシート」に分離させ、HTMLの論理マークアップ
の力を純化しようというねらいから来ているわけですが。
------------------------------------------------------------------------
★面倒な宿題だなぁ・・・(^O^)
★編集後記★
・「大学では何を専攻していますか?」あるいは「情報処理系の専攻ですか?」
などという御質問を何通かいただきました。
・偉そうに「HTML入門講座」などと題したメールマガジンを発行し、クロス
プラットフォームなどを謳っている池田蛇足なる男の正体は・・・何かこれを
明らかにすることでメルマガの信頼度が落ちたら嫌だなぁ・・・実は、ただの
文系の大学生です。おまけに、社会へのフィードバックが一番小さく、かつ将
来性の最も稀薄な「国文学」などというものをやっています。
・森鴎外なんぞを読み、テクスト理論なんかを研究しています。最近は、ポスト
構造主義的なテクスト理論における「作者」の概念の位置づけ、新歴史主義を
受けてのテクストにおける時間性、ジュネットらによるパラテクストなんかに
興味を持っています。あと、個人的に仏像が好きです。ミスチルが好きです。
ヨーグルトが好きです。アコースティック・ギターが好きです。
・ひょっとしたら、万が一というくらいの確率でしょうが、僕の国文学研究の論
文を読みたいと思ってくれる奇特な人がいたら、そのうちサイトでダウンロー
ドできるようにするので。鴎外の『雁』に関して、インタ・パラテクスチュア
リティの視点から考察しています。
・今日の【例】のコードはほとんどサイトにサンプルとして掲載してあります。
是非、併せてご覧ください。掲示板にも足跡を残してもらえると嬉しいっす。
★http://hp.vector.co.jp/authors/VA014079/study_html/
・読者獲得キャンペーン実施中。お友達にもこのマガジンの存在を教えてあげ
てください。サイトでバックナンバーを入手できるので、今ならすぐに追い
つくし。みんなでHTMLのお勉強を(僕もね)していきましょう。
・ポストペット、試用版をインストールしました。カメの大五郎といいます。
もしポスペのメールくれる人がいれば dasoku4@geocities.co.jp までお願い
しますね。このメルマガのメールアドレス(dasoku@geocities.co.jp)はポ
スペじゃないです。(Becky!です)
----------------------------------------------------------------------
●次号は9月下旬の発行予定です。
●Visit Our Web Site About This magazine and HTML- - - - - - - - - - -
バックナンバーの閲覧、購読解除&登録、みんなの助け合い掲示板、リンク集
やソフト紹介など、このメールマガジンのサイトです。そのうち素材展なんか
も開こうかと考えています。
★HTML入門講座 ホームページ
GO>>http://hp.vector.co.jp/authors/VA014079/study_html/
●YUJU HTML Editor1.0- - - - - - - - - - - - - - - - - - - - - - - - -
HTMLをテキストベースで編集することに特化したエディタです。「シェア
ウェア(500円)」ですが、当マガジン読者には無料で配布します。是非、
ダウンロードしてお使い下さい。なお、無料でお使いになる場合は、下記アド
レスまで一言、お便りくださいね。ちなみに、拙作のソフトです。性能は…そ
んなにすんごいモノじゃありませんので、期待しないように (^O^) あくまで
教育目的の仮バージョンってことで。実用版 2.0 はそのうちリリース。
★なお、このソフトは Windows95 98 NT4.0以上の環境でお使いになれます。
Download URL
http://www.vector.co.jp/vpack/browse/software/win95/net/sn073890.html
Mailto dasoku@geocities.co.jp
★ソフトへのご要望、ありがとうございました。未熟なソフトですみません。
バージョンアップに際して考慮します。ありがとうございました。
===================================================================
このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用し
て発行しています。( http://www.mag2.com/ )
===================================================================
----------------------------------------------------------------------
HTML入門講座 第8号
発行人:池田蛇足 dasoku@geocities.co.jp 9月24日発行 発行部数 2487部
YUJU HTML Editor1.0
How to use
CENTER
LEFT
RIGHT
(参考資料>資料2)
------------------------------------------------------------------------
ブラウザで見てみましょう(またはサイトでサンプルを見てみましょう)。「揃
え位置」という意味がよくお分かりいただけると思います。たとえば次のように
見えるはずです。
【例4:揃え】----------------------------------------------------------
This is a sample paragraph.(ALIGN="left"の指定)
~~~~~~~~~~~~~~~~~~~~~~~~~~~
(ALIGN="right"の指定) This is a sample paragraph.
~~~~~~~~~~~~~~~~~~~~~~~~~~~
This is a sample paragraph.(ALIGN="center"の指定)
~~~~~~~~~~~~~~~~~~~~~~~~~~~
------------------------------------------------------------------------
ALIGN属性は、その要素をどこに揃えるかという指定です。デフォルトでは(つま
り属性を指定しない状態では)左揃えになっています。ですから、左揃えにした
いだけならばALIGN属性を指定する必要はありません。
このALIGN属性は、HTML3.2では問題ないのですが、HTML4.0では
サポートはされるが非奨励、という形になっています。前回にも少し述べました
が、HTML4.0は見栄えを指定するために「スタイルシート」というものを
使うことが奨励されているからです。ですが、スタイルシートについて説明する
のは随分先のことになりますから、今はひとまず ALIGN属性で揃えを指定してく
ださい。なお「非奨励」というのは、まあ要約すれば「いずれHTMLのバージ
ョンが進むと消えちゃうかもよ。だから使わないほうがいいんじゃない??」と
いうような意味です。
なお、