A.T-MOON

contents

パンくずリスト

メッセージエリア

HTMLタグindex
ここではHTMLタグ≠フ基本と解説、紹介をしていきます。
HTMLタグはサイトを作る時の基本中の基本だと思ってください。
HTMLタグによってそのページの見出し強調されている言葉を示すタグなどがあり
テキストのそのものが意味づけされるということです。
これはスタイルシートを使ってカスタマイズする以前の、大切なものです。
サイトの基礎がしっかりとできますので上手に使って下さいね。

基礎が出来上がれば後からスタイルシートやJavaScriptを使ってどんどんカスタマイズすることができますので
まずはクリーンな状態でサイトの基礎を作り上げましょう^^

順を追っての面倒な説明(?)になっていますので
「そんなのどーでもいいや。とりあえずタグ!タグが知りたい!!」って方は
←左のメニュー、又は↓下のindexからのからお好きな所にお飛びください(笑)

又、知りたいタグが【HTML】なのか【スタイルシート】なのか…なんだかわからないという方は
タグindexもしくは目的別indexを見て探してみてください。
ひとつ前のページに戻る
Design&Action HTMLとは

メッセージエリア

HTMLタグ 目的別index

メッセージエリア

ページ全体の指定をしたい   範囲の指定をしたい
  1. ページ全体の文字の色を指定したい
    <body text>
 
  1. 特定の範囲を指定したい
    div(ブロックレベル要素・前後に改行)
  2. 特定の範囲を指定したい
    span(インラインレベル要素)
  3. 範囲をひとつの段落として指定したい
    p(段落の前後に改行)
文字の指定をしたい   文字を装飾したい
  1. 文字のサイズを指定したい <font size>
  2. 文字の種類を指定したい <font face>
  3. 文字の色を指定したい <font color>
 
  1. 文字を斜めにする(イタリック体) <i>
  2. 文字を太くしたい <b>
  3. 文字を強調したい <em>
  4. 文字をより強調したい <strong>
  5. 文字にアンダーラインをつけたい <u>
  6. 文字に取り消し線を引きたい <s>
  7. 追加文字を記述したい <ins>
  8. 削除文字を記述したい <del>
  9. 上付き文字の記述 <sup>
  10. 下付き文字の記述 <sub>
  11. 大きめの文字の記述 <big>
  12. 小さめの文字の記述 <small>
  13. 見出しの記述 <h1〜h6>
  14. 振り仮名をふる <ruby>
  15. カーソルがのると説明文が出る <font title>
  16. カーソルがのると文字色が変化
    <onmouseover onmouseout>
  17. カーソルがのると背景色変化
    <onmouseover onmouseout>
テキストの指定をしたい   テキストの装飾をしたい
  1. 改行したい <br>
  2. 改行させない <nobr>
  3. 入力どおりに表示したい <pre>
  4. 字下げしたい <blockquote>
 
  1. スクロールさせたい <marquee>
  2. 上下に動かしたい
    <marquee behavior direction>
  3. 流れる文字 <marquee direction>
  4. 左右に行き来する文字 <marquee behavior>
  5. スタップロール風(映画のエンドロール風)
    <marquee direction scrollamount>
  6. 跳ねる文字 <marquee behavior direction>
フレームを指定したい   インラインフレームを指定したい
  1. フレームページを作る <frameset>
  2. フレーム非対応用代替テキスト <noframes>
  3. 左右に分割 <frameset cols>
  4. 上下に分割 <frameset rows>
  5. 境界線の表示・非表示 <frameborder>
  6. 境界線を固定する <frameset noresize>
  7. 境界線の太さを指定する <frameset border>
  8. 境界線の色を指定する
    <frameset bordercolorr>
  9. 表示ファイルの指定 <frame src name>
  10. フレーム内の余白の指定
    <frame marginwidth marginheight>
  11. スクロールバーの指定 <frame scrolling>
  12. リンクの読み込み先の指定 <target>
 
  1. インラインフレームを作る <iframe>
  2. フレームのサイズを指定
    <iframe width><iframe height>
  3. フレーム枠の指定 <iframe frameborder>
  4. フレーム内の余白の指定
    <iframe marginwidth><iframe marginheight>
  5. スクロールバーの指定 <iframe scrollingt>

ページTOP
ひとつ前のページに戻る
Design&Action HTMLとは

メッセージエリア

HTMLタグ 要素と属性index

メッセージエリア

a   b
align属性 … テキストや画像などの表示位置を設定
  • table … left、right、center
  bgcolor … 背景色の設定
  • body … カラーコード、カラーネーム
  • table … カラーコード、カラーネーム
  • td … カラーコード、カラーネーム
c   d
    div … テキストや画像などをひとつのまとまりに設定
  • align属性 … 表示位置の指定
  • style属性 … スタイル情報を直接記述して指定
  • id属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • class属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • title属性 … 要素の情報表示の指定
e   f
 
  •  
  font … 文字の設定
  • color … 文字の色の指定
  • size … 文字の大きさの指定
  • face … 文字の種類の指定
g   h
 
  •  
   
  •  
i   j
 
  •  
   
  •  
k   l
 
  •  
   
  •  
m   n
 
  •  
   
  •  
o   p
 
  •  
  p … テキストや画像などをひとつのまとまりに設定
  • align属性 … 表示位置の指定
  • style属性 … スタイル情報を直接記述して指定
  • id属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • class属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • title属性 … 要素の情報表示の指定
q   r
 
  •  
   
  •  
s   t
span … テキストや画像などをひとつのまとまりに設定
  • align属性 … 表示位置の指定
  • style属性 … スタイル情報を直接記述して指定
  • id属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • class属性 … スタイルシートのセレクタや
    スクリプトからの参照先、
    オブジェクトの指定やリンクの指定
  • title属性 … 要素の情報表示の指定
   
  •  
u   v
 
  •  
   
  •  
w   x
     
  •  
y   z
 
  •  
   
  •  

ページTOP
ひとつ前のページに戻る
Design&Action HTMLとは