YukisRoom 「ホームページ作成講座」 HTML活用講座

HTML基礎講座

HTML活用講座

CGI基礎講座

CGI活用講座

HTML活用講座、タグ一覧活用編です。

HTMLは、かなり沢山の単語があるようです、小生も解説本でも用意したいところですが、難しい、判らないは、検索で調べる事にして、活用講座第5回までに使用したタグを総て並べてみます。
ホームページ作成は、この位知っていれば十分間に合います。

 ヘッダー部分から  覚え方  意味(確信は無い)  用途
 <HTML> </HTML>  エッチティエムエル  hyper text 後は何  HTML文書の<開始>と<終了>
 <META>各種情報  メタ    HTML文書の情報を書き込む、各種情報は書式が決まってます。
 <!--文字 -->  ビックリマーク    隠し文字、「文字」の部分にコメントを入れる、画面に表示されません。
 <TITLE> </TITLE>  タイトル  title  タイトルの開始と終了、HTML文書にタイトルを設定します
 <LINK>  リンク    指定ファイルとの関係を表示
 表組み  覚え方  意味(確信は無い)  用途
 <TABLE> </TABLE>  テーブル  table  テーブル(表)の開始と終了
 <TBODY> </TBODY>  ティボディ  table body  表本体の開始と終了
 <TR> </TR>  ティアール  table row  行の開始と終了、テーブルに行を設定します
 <TD> </TD>  ティディ  table data  行の中にデータセルを設定する、列の設定とも言える
 文字修飾  覚え方  意味(確信は無い)  用途
 <B> </B>  ビー  bold  太字の開始と終了
 <I> </I>  アイ  italic  斜体の開始と終了
 <U> </U>  ユー  under line  下線の開始と終了
 <FONT> </FONT>  フォント  font  フォントの設定、開始と終了
 <H1></H1>  エイチ1  header  見出し1
 <H2></H2>  エイチ2    見出し2
 <H3></H3>  エイチ3    見出し3
 <H4></H4>  エイチ4    見出し4
 <H5></H5>  エイチ5    見出し5
 <H6></H6>  エイチ6    見出し6
 枠組み  覚え方  意味(確信は無い)  用途
 <P> </P>  ピー  paragraph  段落の開始と終了
 <DIV> </DIV>  ディブ  division  一塊として定義する
 その他  覚え方  意味(確信は無い)  用途
 <A> </A>  エー、アンカー  anchor  リンク設定、<A HREF=、(エー・エイチレフ)として使用する
 <SPAN></SPAN>  スパン    囲んで範囲を指定、インライン要素
 <BR>  ビーアール  break  改行
 <IMG>  イメージ  image  画像を表示する
 <ADDRESS></ADDRESS>  アドレス    ここが著作権とお知らせ部分であると知らせる。
 リスト  覚え方  意味(確信は無い)  用途
 <DL> </DL>  ディーエル  definition list  定義リストを宣言する
 <DT> </DT>  ディーティ  definition term  定義する用語
 <DD> </DD>  ディーディ  definition description  定義した用語の説明
 <UL></UL>  ユーエル  unordered list  リストタグの一種、開始と終了です。
 <LH></LH>  エルエイチ    同タグの表題部分の開始と終了
 <LI></LI>  エルアイ    同じく、項目部分です。


タグの中には、プロパティを使うものがあります、プロパティには、データを設定して使います。

 一般的なプロパティの一覧表  覚え方  意味(確信は無い)  用途
 width  ワイズ、ウィズ    横幅の設定
 height  ハイト、ヘイト    高さの設定
 colspan  コルスパン  column span  横にセルを結合
 rowspan  ロウスパン  row span  縦にセルを結合
 align  アライン    横の表示位置
 valign  ブイアライン    縦の表示位置
 border  ボーダー  border  枠線を設定します
 src  ソース  source  対象を指定します
 style  スタイル  style  スタイルを設定します
 その他のプロパティの一覧表  覚え方  意味(確信は無い)  用途
 background  バックグラウンド  background  背景を設定します
 bgcolor  ビージーカラー  background color  セルの背景色
 name  ネーム  name  目印位置の設定
 http-equiv      metaタグの属性設定
 position  ポジション  position  配置位置の設定
 z-index  ゼットインデックス    重なりの順序を指定する
 visibility      表示・非表示の設定
 content  コンテンツ  contents  コンテンツ挿入の意味
 text  テキスト    
 link  リンク    リンク色の設定
 vlink  ブイリンク    リンク後の設定色
 Leftmargin  レフトマージン    左のマージン
 Topmargin  トップマージン    上のマージン
 <br clear="all">  クリアオール  <br>に追加指定します  回り込みの解除
HTMLのタグはたくあん有りますが、これだけ知っていれば十分にPageを作れます。
活用講座のHTML一覧はここまで。
CSSで修飾するなら、これでも多すぎるぐらい、Styleでのプロパティ設定は、CSSと同じ書式になります。

ページトップ
お問い合わせはこちらに、 小生宛のMail
Copyright© 2010 YukisRoom 葵Yuki. All Rights Reserved