センタリングとフォントの
指定範囲を考えてみます。

line
______________________________________________________

 検証の手順としても読んで下さい。
あなたのページも、漢字コード EUC、改行 LF に変換してWebサーバにポストして おけば検証サービスが利用できます。その際のコメントの読み方の参考にもなりま す。「-//W3C//DTD HTML 3.2//EN を見る」の第一部にあたります。  [CENTER text alignmen]-//W3C//DTD HTML 3.2//EN を見る2,3,4,5へとリンク

centering


例C1:センタリングのタグの位置が、P タグの中にきています。

<P>
<CENTER>
例C1:センタリングのタグの位置が、P タグの中にきています。
</CENTER>
</P>

例C2:センタリングのタグの位置が、P タグの外にきています。

<CENTER>
<P>
例C2:センタリングのタグの位置が、P タグの外にきています。
</P>
</CENTER>
 上の二例を検証した結果です。
  例C1で、<P>タグは<CENTER>タグに出会い、<P>を閉じます。
つまり、右のように解釈します。

   <P>                <P></P>   <--- 自動的に閉じ、
    <CENTER>           <CENTER>

    </CENTER>          </CENTER>
    </P>               </P>         <--- 相手の<P>がない。

FONT tag


<FONT>タグの指定のやりかたを、<CENTER>タグの使い方と対比してみてみます。

例F1-1:パラグラフの文字をサイズ4にしようとしています。
パラグラフ内の一部の文字をサイズ4にします。

<P>
<FONT SIZE=4>例F1-1:</FONT>パラグラフの文字をサイズ4にしようとしています。<BR>
パラグラフ内の一部の文字をサイズ4にします。
</P>

例F1-2:パラグラフの文字をサイズ4にしようとしていますが、
パラグラフ全体のサイズを4にします。

<P>
<FONT SIZE=4>
例F1-2:パラグラフの文字をサイズ4にしようとしていますが、<BR>
パラグラフ全体のサイズを4にします。
</FONT>
</P>

例F2:これも、パラグラフの文字をサイズ4にしようとしています。
例F1-2と同じ目的です。

<FONT SIZE=4>
<P>
例F2:これも、パラグラフの文字をサイズ4にしようとしています。<BR>
例F1-2と同じ目的です。
</P>
</FONT>
 上のF1とF2の検証の結果です。<CENTER>タグとの違いに注意してください。
 <P>タグの前ではすべてのタグが閉じられていなくてはなりません。
 <FONT>タグは、閉じていなくてはなりません。
 警告をだして、</FONT>を補ってすすみます。
 とあとの</FONT>は<FONT>されていないことになり、警告をだします。

 <FONT SIZE=4>            <FONT SIZE=4></FONT> <--- 閉じます。
  <P>                      <P>
  </P>                     </P>
  </FONT>                  </FONT>       <--- なら、<FONT>がない。

検証サービスのURLに
"http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample_euc.html"入力すれば、 ページの検証ができますので、利用してください。parse tree option も選択してみ ると意味が見えてきます。

[検証サービスへ]リンクしています。そこで、上記URLとoptionを下記のように選択してください。

----------------------------------------------------------------------------
Validate Documents by URL

Enter the URL of a document you would like validated: 

URL: http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample_euc.html

 |X|Include Weblint results run | |Weblint in "pedantic" mode
 |X|Show source input            |X|Show an outline of this document
 |X|Show parse tree              | |don't show attributes in the parse tree
----------------------------------------------------------------------------

"Block level elements" and "Text level elements"



HTML 3.2 Reference Specification(W3C Recommendation 14-Jan-1997)
のcontentsだけですが、
「Block level elements」と「Text level elements」に
分けての説明によって概念が明確になると思います。言い換えると、
*何故ならば*がわかると思います。

 <P>タグを何処でいれるのかがわかるということです。
 <P><IMG SRC="a.gif">
  <P><A HREF="URL">あああああああ</A>

  <P>
  <UL>
  <LI>
  </UL>
  とはしません。

 この例で、どちらがが正しいかもわかると言うことです。
 <FONT SIZE=4>                <P>
  <P>文字を大きく指定します。  <FONT SIZE=4>文字を大きく指定します。</FONT>
 </FONT>                      </P>

 "Block level" and "Text level" elements と paragraph(container)の意味を
押さえていたら、きっと正しいものがかけると思います。
 あとはミスに近いもので、覚えるという機械的なことでいいものです。

 でも、ミスはありますから検証はしましょう。

                      HTML 3.2 Reference Specification
                       W3C Recommendation 14-Jan-1997
Author: Dave Raggett 

HTML 3.2 Reference Specificationへいけます。
 http://www.w3.org/pub/WWW/TR/REC-html32.html
----------------------------------------------------------------
Contents

   * Introduction to HTML 3.2
   * HTML as an SGML application
   * The Structure of HTML documents
   * The HEAD element and its children
   * The BODY element and its children
     # Headings (H1 - H6) 
     # The ADDRESS element 
     # Block level Elements 
          P paragraphs 
          UL unordered lists 
          OL ordered (i.e. numbered) lists 
          DL definition lists 
          PRE preformatted text  
            DIV document divisions
            CENTER text alignment[事例をみることにします。]
          BLOCKQUOTE quoted passage
          FORM fill-out forms 
          ISINDEX primitive HTML forms
          HR horizontal rules
          TABLE can be nested
      # Text level elements 
        These don't cause paragraph breaks.  <<<----- ここです。
        Text level elements that define character styles can generally be
        nested. 
    They can contain other text level elements but not block level <<<--
     elements. 
          Font style elements 
          Phrase elements 
          Form Fields 
          The A (anchor) element 
          IMG - inline images 
          APPLET (Java Applets) 
          FONT elements 
          BASEFONT elements 
          BR - line breaks 
          MAP - client-side image maps 
   * Sample SGML Open Catalog for HTML 3.2
   * SGML Declaration for HTML 3.2
   * HTML 3.2 Document Type Definition
   * Character Entities for ISO Latin-1
   * Table of printable Latin-1 Character codes
   * Acknowledgements
   * Further Reading ...
[ホームページ] [HTML書式のメモ]

このページは:
http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample.htmlです。

加藤泰孝 bd9y-ktu@asahi-net.or.jp
Last modified 01/02/1997