!!!WEBサイト作成の基礎 !!HTMLの基礎 !HTMLは「タグ」で書く HTMLの記述方法をマスターしましょう。難しいことは何もないです。 「タグ」というものがあるということと、表示したいものや使いたいものをタグで「囲む」ということがわかれば、半分はマスターしたようなものです。 *<■■■>で始まり、で閉じるという仕組みです。 *2種類のタグを適用したいときは、入れ子構造になります。 **<■■■> <●●●> テキストや画像  ** テキストや画像 **

当サイト内容の無断転載・複製はご遠慮ください。

*ソースファイル内のスペースや改行は基本的に無視されます。 !最低限必要な記述 *htmlタグ ** 〜 **ページの最初と最後に記述するタグです。 *headタグ ** 〜 **headタグに囲まれた部分は、ブラウザの画面上には表示されません。主にtitleタグやmetaタグ等をこの部分に記述します。 *bodyタグ ** 〜 **bodyタグに囲まれた部分が、ブラウザの画面上に表示されます。ページの内容はこの部分に記述していきます。 {{ref_text test.html}} 上記のHTMLを実際にWEBブラウザで表示すると以下のようになります。 下のファイルをブラウザで開いてください。 {{ref test.html}} !これだけは知ってないとまずいタグ *

**段落(文章中の意味のまとまり)を指定することができます。 *
**改行する。上でも書いた通り、ソースファイル上でのスペースと改行は無視されますので、改行したいポイントにこのタグを書いておく必要があります。 * **aタグでリンクを設定できます。このタグに囲まれた内容が、リンクボタンになります。 **Google **サンプル * **imgタグで、画像を表示させることができます。 ** * **FLASHファイルやMPEGファイルなどホームページに埋め込むタグとして現在一般的に使われているのはobjectタグとembedタグです。このタグで指定されたファイルはブラウザにインストールされたプラグインで再生されます。 **主に使われているファイルは、FLASH(.swf)、MPEG(.mpg)、QuickTime(.mov)、WAVE(.wav)、AU(.au)、MIDI(.mid)、AIFF(.aif)、RealAudio(.ra)など ** !表の作成 ''' 〜 **行を指定するタグです。tableタグに囲まれた部分で使用します。 *tdタグ  **セルを指定するタグです。trタグに囲まれた部分で使用します。 *thタグ  **見出しを指定するタグです。trタグに囲まれた部分で使用します。 3列のセルを2行作ってみます
''' 表を作成するタグです。tableタグ、trタグ、td、thタグを組み合わせて使用します。 *tableタグ  〜
**表全体を指定するタグです。 *trタグ 
名前 学年 クラス
金八 3年 B組
,名前,学年,クラス ,金八,3年,B組 !リストの作成 '''