Challenge HP
HP作成 スタイルシート apeskin サーバー HP作成ソフト アフィリエイト リンク BBS top
HPあれこれメニュー
はじめに
HTMLの基本
テーブル
フレーム
レイアウト
画像
色々なこと
HTML4.01要素一覧
XHTML
テンプレート
エイプスキン
サイトマップ
 
IEツールバー
Googleツールバー
Infoseekツールバー
Yahoo!ツールバー
Windowsをお使いでしたら、IEツールバーを利用すると検索に便利。 ブラウザに組み込まれ、キーワード検索できます。




■ HTMLのタグで遊ぶ
一般的なホームページは、HTMLという言語で書きます。 これはタグと言うものを使い、そのタグがブラウザに対して命令をし表示されるんです。 タグには多くの種類がありますが、良く使われるのは10個前後ではないでしょうか。 つまり10個タグを覚えれば、ある程度HTMLを作れる事になります。

掲示板にタグの使用を認めているサイトもありますので、そうしたサイトで遊んでいるうちに覚えていくケースも多く、 そして使えるタグの種類が徐々増え、ホームページ作成に繋がる訳です。  (HTMLはW3Cが管理する世界標準Web用言語です)

しかし見ず知らずのサイトでいきなりタグを使用した書き込みはやめましょう。
ハッキリ言って嫌われる場合が多いです。

また失敗した時に削除できるよう、必ず書き込みの削除が出来る掲示板でやりましょう。
タグを使用した書き込みは一歩間違えると "あらし" と言われる行為に通じるものなので、その辺は臨機応変にやって下さい。

もちろんタグを禁止している掲示板やタグを認識しない(させない)掲示板もありますので、 掲示板での使用には十分注意して下さい。

注意:タグは全て半角英数字です。
■ 掲示板で使えるタグ
<font>

文字の大きさ・文字の色・フォントなどをお好みにするタグです。

文字の大きさを変える <font size="5">少しい大きい文字</font>
文字の色を変える <font color="ff0000">赤い文字</font>
フォントを変える <font face="MS P明朝">MS P明朝の文字</font>

文字サイズは、(小)1〜7 (大)の数字を入れます。指定しないと3です。 色は16進数カラーコードが便利です。 フォントはPCに入ってるものしか表示されません。従って自分PCでフォントが変っても、他の人のPCで変るとは限りません。

フォントタグは必ず閉じるタグ</font>が必要です。閉じないと何所までも 指定した大きさ・色・フォントになるので注意しましょう。閉じ忘れは怒られます。

また一気に大きさも色もフォントも変更できます。

 <font size="5" color="ff0000" face="MS P明朝">メッセージ</font>

さらにフォントを使った絵文字はタグに興味を持つNo.1かもしれません。

 <font color="00aa00" face="symbol">ァ</font> →
 <font color="ffaa00" face="symbol">ィ</font> →
 <font color="ff00aa" face="symbol">ゥ</font> →
 <font color="0000ff" face="symbol">ェ</font> →

よく見かける上のは、半角カタカナを使っているのでOEでは使えません。
また文字の入力は全角入力で、ゥ の場合、x → u → f8 と打ち込みます。

"16進数カーラーコードについてはこちらを参考にして下さい


<a>

リンクを貼るためのタグです。
ホームページやメールアドレスのURLを貼る事が出来ます。

 <a href="サイトURL">HP</a>

メールアドレスを入れる場合は、URLを入れるところに mailto: を入れて、

 <a href="mailto:mail@abc.jp">メール</a>


<img>

これは画像を貼り付けるためのタグで、画像のURLやサイズなどを指定します。

 <img src="画像URL"> 

画像のサイズを指定しなくても表示されますが、指定した方が良いです。
上の画像なら、width="95" height="86" を img タグ内に本来は書きます。
また img タグには閉じるタグはありません。


<b>

これは文字を太くしてアピールする場合などに使います。

 <b>文字が太くなる</b> → 文字が太くなる


<marquee>

これは文字や画像をスクロールするタグで、スクロールは縦も横もできます。
しかしこのタグを嫌う方も多いので、掲示板などに使う場合は注意して下さい。

 <marquee> この部分は左にスクロールする。</marquee>
この部分は左にスクロールする。

マーキーに条件を入れると、左右上下にもスクロールするし、往復も出来ます。
またスピードの変更や幅や高さも決める事が出来ます。

 <marquee direction="right"> この部分は右にスクロールする。</marquee>
 <marquee scrollamount="30"> スクロールの速さを変更。</marquee>
 <marquee behavior="alternate"> 往復させる。</marquee>
 <marquee width="200"> 幅を設定する(200pxの場合)。</marquee>
 <marquee height="25" direction="up"> 上にスクロール。</marquee>
 <marquee height="25" direction="down"> 下にスクロール。</marquee>

マーキーは使い過ぎに注意して下さい。
 you style Copyright (C) 2003-2004 Challenge HP, All rights reserved.