Contents
- Webセーフカラー[基本16色パレット][Webセーフカラ−216色パレット]
- HTML(1)[<HTML>][<HEAD>][<TITLE>][<BODY>][<H>][<TABLE>][<TR>][<TB>]
- HTML(2)[<BR>][<P>][<DIV>][<HR>][<!-- -->][<FONT>][< STRONG>][< EM>][<B>][< I>][<U>][<S>][<UL><LI>][<OL><LI>][<IMG src=" ">][<MARQUEE>]
- スタイルシート(1)[背景色を指定][背景色をタグに直接指定][外部ファイルで指定]
- スタイルシート(2)[余白の大きさをを指定][余白の大きさををタグに直接指定][外部ファイルで指定]
- スタイルシート(3)[背景画像を指定][背景画像をタグに直接指定][外部ファイルで指定]
- JavaScript(1)[ステータスバーにメッセージ表示]
- JavaScript(2)[セレクトボックスでリンク]
- JavaScript(3)[文字を点滅させる]
HTMLとは…
ホームページは、【HTML】というマークアップ言語で記述されています。
HTMLとは、Hyper Text Markup Language(ハイパー・テキスト・マークアップ・ランゲージ）の略で、「タグ」を使って文字の大きさ・色を変えることや、画像を表示することなどが出来ます。
タグとは<>の記号で囲まれた半角の英数字のことで、このタグを使ってWebページは作られています。
タグは基本的に<html>〜</html>や<BODY>〜</BODY>のように開始タグと終了タグの２つでワンセットになっています。
※後述の<BR>タグ<HR>タグのように、終了タグがないものもあります。
タグには、多くの場合『属性』をつけることにより、細かくタグの効果を指定したり、具体的な指示を付け加えることが出来ます。
属性は『属性値』を指定する必要があります。この属性値は基本的に" "(ダブルクォーテーション）で囲み、属性と属性値は=（イコール）でつなぎます。
HTML(1)
- <HTML>〜</HTML>
- 開始タグの<HTML>はファイルの始めに置き、終了タグの</HTML>はファイルの一番最後に置きます。<HTML>〜</HTML>タグの範囲内に書かれるテキストがHTMLのファイルであることを示します。
- <HEAD>〜</HEAD>
- <HEAD>〜</HEAD>タグの中にタイトルなどのヘッダー情報を記入します。ブラウザには表示されません。
- <TITLE>〜</TITLE>
- <TITLE>〜</TITLE>で挟まれた文字列は、ブラウザのタイトルバーに表示されるほか、履歴やお気に入りに登録するときのタイトルとなります。タイトルタグは必ず<HEAD>〜</HEAD>タグ内に置きます。
- <BODY>〜<／BODY>
- <BODY>〜<／BODY>タグの範囲内に記入された内容が、ブラウザに表示されます。
画像を表示する<IMG>タグや、リンクを貼る<A>タグなどをこの中に記入し、本文を記入していきます。 - 見出し：<H>〜</H>
- <H>〜</H>タグは、文章の見出し（Heading）を「１から６までの６段階」につけることが出来ます。
<H1></H1>が最も重要な見出しとなり 、<H6>〜</H6>が最も重要度の低い見出しになります。
・align属性 ：表示位置の指定が出来ます。
<H1 align="center">〜</H1>
"left" … 左側に表示します
"center" … 中央に表示します
"right" … 右側に表示します - 表作成：<TABLE>〜</TABLE>・<TR>〜</TR>・<TB>〜</TB>
- ・<TABLE>〜</TABLE>
表全体を指定するタグです。
・<TR>〜</TR>
行を指定するタグです。<TABLE>〜</TABLE>タグの範囲内で使用します。
・<TB>〜</TB>
セルを指定するタグです。<TR>〜</TR>タグの範囲内で使用します。
・border属性：表の枠線を付けることが出来ます。
<TABLE border="2">〜</TABLE>
数値が大きくなるほど外枠の線は太くなります。
・cellspacing属性：セルとセルの間隔を指定することが出来ます。
<TABLE cellspacing="2">〜<TABLE>
数値が大きくなるほどセルとセルの間隔は広くなります。
・cellpadding属性：セル内の余白を指定することが出来ます。
<TABLE cellpadding="2">〜<TABLE>
数値が大きくなるほどセル内の余白は大きくなります。
・align属性：セル内の文字位置（横方向）を指定出来ます。
・valign属性：セル内の文字位置（縦方向）を指定出来ます。
<TD align="center" valign="middle">〜</TD>
"left" … 左に表示します
"center" … 中央に表示します
"right" … 右に表示します
"top" … 上部に表示します
"middle" … 中央に表示します
"bottom" … 下部に表示します - HTML(2)へつづく >>
- ▲このページの先頭へ戻る
おすすめレンタルサーバー
- We host your creativity. 『 HETEML 』
- 『 heteml(ヘテムル) 』は、大容量・高機能のレンタルサーバー。
国内最大級の個人向けホスティングサービス『ロリポップ！レンタルサーバー』を運営する株式会社 paperboy&co. の提供するサービスです。
ディスク容量は 10GB の大容量。Flash、音楽、ムービーファイル等をふんだんに使って、自由に WEBサイトを表現することが可能です。
また、『 ヘテムル 』は容量だけではなく、機能面もたいへん充実しています。Perl、Ruby、Python、PHP5、MySQL5 など豊富な開発言語に対応しているほか、マルチドメイン、マルチデータベース、共有SSLなど、サイト運営に大変便利な機能や、FlashMediaServer、ColdFusionなど他にはないユニークな機能を搭載。ブログ構築ツールとしてはおなじみの WordPress や簡単にコミュニティサイトを構築できる XOOPS などにももちろん対応しています。
『 ヘテムル 』なら、WEBサイトをハイレベルに表現し、ストレスなく運用することができます。
■heteml（ヘテムル）概要
【利用料金】
初期費用3,950 円（税込）／月額料金1,500 円（税込）
【提供内容】
・サーバー容量 10 GB
・メールアカウント数 無制限（独自ドメイン利用の場合）
・メールマガジン・メーリングリスト 5つまで作成可能
・マルチドメイン設定無制限
・データベース50個まで作成可能
・CGI / Perl / PHP4,PHP5 / Ruby / Python / MySQL 対応
・Flash Media Serverプリインストール
- ▲このページの先頭へ戻る