サンプルＨＴＭＬついて

■「ＨＴＭＬ」の基本。
分類　 キーワード　 代表的課題
○ＨＴＭＬの基本 主要タグについて （要改善）
  区切り線について （要改善）
  テーブルタグについて （要改善）
     

・・・以下、説明、サンプル












○ＨＴＭＬの基本 
<html>
  <head>
     <title>   ここにタイトルを記入します </title>
  </head>
  <body>
     <table>
        <tr>
           <td>  </td><td>  </td>
        </tr>
     </table>
     
     ◆イメージの周りにスペースをとりたいとき
     <IMG SRC="zu1.jpg" hspace="10" vspace="15"><BR>
     

     
     ◆イメージの周りに文字を配置したいとき
     <IMG SRC="zu.jpg"  align="LEFT">
     画像に対して、ここから
     文字が回りこむように
     配置されるはず。
     ですが・・・・・
５行目は、文字の左に空白がありません。（ＨＳＰＡＣＥ＝５としてあります。）
     6行目
     7行目
     8行目・・・・・
ここまで。


     ◆文字や画像を中央に寄せる３つのテクニック
     １．<CENTER> 〜  </CENTER>  で囲む。
     ２．<DIV ALIGN="CENTER"> 〜  </DIV> で囲む。(右寄せは、RIGHT, 左は、LEFT)
     ３．<P ALIGN="CENTER"> 〜  </P> で囲む。(右寄せは、RIGHT, 左は、LEFT)
     
     
     ◆水平線（ＨＲ）のいろいろ
     

     

     

     

     
     ◆オリジナルの区切り線
     
     
     ◆文字の色を変える
     ■赤い字
     ■緑の字
     ■青い字




     ◆番号順のリスト形式
     
    
       
  1. ここの左に1とつくはず
    2. 
       
  2. 次は、2とつくはず
    3. 
       
  3. リストの順を入れ替えても大丈夫
    4. 
       
    ※　番号を付けたくないときは、<BR>とする。
       
    　　アルファベット順にしたいときは、<OL TYPE="A">
       
    　　頭に、●をつけたリスト形式にしたいときは、<OL>→<UL>
     



     ◆文字や文章がテロップのように流れる形式にしたいとき（３種類）
     ・これが流れる　（繰り返し形式）

     ・最後の文字が出た時点で停止する形式はこっち

     ・行ったり来たりする形式はこっち

...
      ◆テーブルタグの例
      

        

                             
        

        

            2   ○○○     
        

        

              
            
一段目
二段目 
 		
              
              
        

        

               3枡       
        

        

                             
        

        

        

  

    あかさ　　

    たな		
    い
  

  

    う
  

  

    え
  

  

    おおお
  



         

      

 
 
 
 
  </body>
</html>

2011.10.15

to top →→→   水谷園