YukisRoom 「ホームページ作成講座」 HTML基礎講座

HTML基礎講座

HTML活用講座

CGI基礎講座

CGI活用講座

HTML基礎講座、タグ一覧基礎編です。

HTMLは、かなり沢山の単語があるようです、小生も解説本でも用意したいところですが、難しい、判らないは、検索で調べる事にして、初級編で扱う物だけ並べてみます。
 初級編及び基礎講座では、この位知っていれば十分間に合います。

 ヘッダー部分から  覚え方  意味(確信は無い)  用途
 <HTML> </HTML>  エッチティエムエル  hyper text 後は何  HTML文書の<開始>と<終了>
 <META>各種情報  メタ    HTML文書の情報を書き込む、各種情報は書式が決まってます。
 <!--文字 -->  ビックリマーク    隠し文字、「文字」の部分にコメントを入れる、画面に表示されません。
 <TITLE> </TITLE>  タイトル  title  タイトルの開始と終了、HTML文書にタイトルを設定します
 表組み  覚え方  意味(確信は無い)  用途
 <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=、(エー・エイチレフ)として使用する
 <BR>  ビーアール  break  改行
 <IMG>  イメージ  image  画像を表示する
 定義リスト  覚え方  意味(確信は無い)  用途
 <DL> </DL>  ディーエル  definition list  定義リストを宣言する
 <DT> </DT>  ディーティ  definition term  定義する用語
 <DD> </DD>  ディーディ  definition description  定義した用語の説明


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

 一般的なプロパティの一覧表  覚え方  意味(確信は無い)  用途
 width  ワイズ、ウィズ    横幅の設定
 height  ハイト、ヘイト    高さの設定
 colspan  コルスパン  column span  横にセルを結合
 rowspan  ロウスパン  row span  縦にセルを結合
 align  アライン    横の表示位置
 valign  ブイアライン    縦の表示位置
 border  ボーダー  border  枠線を設定します
 src  ソース  source  対象を指定します
 style  スタイル  style  スタイルを設定します


初級編の教材で使っていたその他のプロパティ一覧

 その他のプロパティの一覧表  覚え方  意味(確信は無い)  用途
 background  バックグラウンド  background  背景を設定します
 name  ネーム  name  目印位置の設定
 http-equiv      metaタグの属性設定
 position  ポジション  position  配置位置の設定
 z-index  ゼットインデックス    重なりの順序を指定する
 visibility      表示・非表示の設定
 content  コンテンツ  contents  コンテンツ挿入の意味
 text  テキスト    
 link  リンク    リンク色の設定
 vlink  ブイリンク    リンク後の設定色


ヘッダー部分にあったものですが、これ等の解説は、中級編で行います、
初級編のHTML一覧はここまで。

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