HP作成支援-タグ講座-

★ご自由にお持ちください★

主にこのHPで私が使っているものや前のHPで使ったもの，また，研究室のHP作成で使用したものなどを載せます．ここにあるものは自由に使ってかまいませんが，一言掲示板に書いてくれたり，はたまた相互リンクなんかしてくれたりするとすごくうれしいです★
もしリンク切れや不具合などありましたら教えてください．あんまりテストしてないんで．苦笑．

★目次★

★html★
★ｽﾀｲﾙｼｰﾄ★
★javascript★

★基本★

■htmlの基本のｶﾀﾁ■
以下がhtmlの基本になります。

<html>
<title>
　　　ここにいれた文字がブラウザの上のバーにタイトルとして表示されます。
</title>
<head>
　　　ここにはスタイルシートとかジャヴァスクリプトとかを入れます。
</head>
<body>
　　　実際ＨＰに表示される部分です。表や文字、画像などを入れるっていうことです。
</body>
</html>

★html★

■文字の大きさ。色。■
基本ですね。基本からいきます。
これで大きさ「+3」

これが赤色文字

■文字飾り■
これも基本ですね。

太字　　　　
アンダーバー
~~取り消し線~~　
イタリック

■リンクを貼る！！■
ここをクリック！！
みたいに文字にリンクを貼ります。

上のように、a hrefというタグをつけ、/aで〆ます。このようなタグを「アンカータグ」といいます。

■白抜き文字■
文字の背景色をかえます．見出しなどに使用できますよね．

しろぬき～～

↑こうなります．

↑をコピペしてhtml文書の中に埋め込んでください．

■表（テーブル）1■
このHPでそこらじゅうにある枠つきのテーブルの作り方です．

こうやって枠で囲むとｶﾜｲｲですよね！

↑こうなります．

↑をコピペしてhtml文書の中に埋め込んでください．

■表（テーブル）2■
このHPでそこらじゅうにある枠つきのテーブルの作り方です．

1

2

↑こうなります．

↑をコピペしてhtml文書の中に埋め込んでください．

■表（テーブル）3■
このHPでそこらじゅうにある枠つきのテーブルの作り方です．

1	2
3	4

↑こうなります．

↑をコピペしてhtml文書の中に埋め込んでください．

■表（テーブル）4■
このHPでそこらじゅうにある枠つきのテーブルの作り方です．

1

2

3

↑こうなります．

↑をコピペしてhtml文書の中に埋め込んでください．

■文字スクロール■

ここに文字をいれてください。
ここに文字を入れてください。
ここに文字を入れてください.

↑こんな感じになります。

↑をコピペしてhtmlの中に埋め込んでください。

■セレクトボックス■
メニュボックスが作れるので便利ですっ

↑をコピペしてhtmlタグのなかに埋め込んでください。

■テキストボックス■
下のようなボックスをHP中に埋め込めます．htmlタグもそのまま載せられるのでHP素材作成者には便利なんですよね．

↑をコピペしてhtml文書の中に埋め込んでください．

★ｽﾀｲﾙｼｰﾄ★

■スクロールバーの色かえ■
このHPでも使ってますが，スクロールバーの色を変えられます．

↑をコピペしてhtml文書の中に埋め込んでください．

■オンマウスでリンク文字上下に線を出す■

↑をコピペしてhtml文書の中に埋め込んでください．

★javascript★

■隠しページとパスワード■
こっそり隠しページをつくって，ソースを見てもリンク先のファイル名がわからなくします．
こんなかんじです．
↑のリンク先ページの「ソース表示」してコピペするか，下の二つのリンクを右クリックしてファイルをDLしてください．
pass password
あとはソースをみて勝手に改造してください．
わからなかったら掲示板へ．

■ステータスバー文字流し■
このHPでも使っているステータスバーの文字流し．

↑をコピペしてhtml文書の中に埋め込んでください．

■時計■
このHPでも使っている一行カレンダー＋時計です．

<SCRIPT language=JavaScript>
setTimeout('updateClock()');function updateClock(){var today=new Date();var intYear=parseInt(today.getYear());var intMonth=parseInt(today.getMonth())+1;var

intDate=parseInt(today.getDate());var intHour=parseInt(today.getHours());var intMinute=parseInt(today.getMinutes());var intSecond=parseInt(today.getSeconds

());tdYear.innerText=intYear.toString();tdMonth.innerText=intMonth.toString();{tdDate.innerText=intDate.toString()}{tdHour.innerText=intHour.toString()}if

(intMinute<10){tdMinute.innerText=0+intMinute.toString()}else{tdMinute.innerText=intMinute.toString()}if(intSecond<10)

{tdSecond.innerText=0+intSecond.toString()}else{tdSecond.innerText=intSecond.toString()}setTimeout('updateClock()')}</SCRIPT>

<TABLE width="90%" border=0>
<TBODY bgColor=maroon>
<TR>
<TD>
<CENTER>
<TABLE id=tblClock cellSpacing=0 cellPadding=0>
<TBODY>
<TR id=trClock1>
<TD id=tdYear style="FONT: 8pt Arial; COLOR: white">2000</TD>
<TD><FONT color=white>.</FONT> 
<TD id=tdMonth style="FONT: 8pt Arial; COLOR: white">1</TD>
<TD><FONT color=white>.</FONT></TD>
<TD id=tdDate style="FONT: 8pt Arial; COLOR: white">1</TD>
<TD><FONT color=white>.</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD id=tdHour style="COLOR: #ffffff">1</TD>
<TD><FONT color=white>:</FONT></TD>
<TD id=tdMinute style="FONT: 8pt Arial; COLOR: #ffffff">00</TD>
<TD><FONT color=white>:</FONT></TD>
<TD id=tdSecond style="COLOR: #ffffff">00</TD>
<TD><FONT color=white></FONT></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE>

↑をコピペしてhtml文書の中に埋め込んでください．

■右クリック制限■
弟のためにポケモンのサイトから壁紙を持ってこようとおもったら右クリックが禁止されてました．
ちょっと「むっ」っとした大人気ないヘタレバカ．笑
使うといやな気持ちになる人もいるので使う場所は選んでね．
こんな感じになります．

↑をコピペしてhtml文書の中に埋め込んでください．

HP作るならｺﾁﾗ↓

月額２６３円からのかわいいサーバー！ロリポップ！

超ーーーｶﾜｲｲHPが作れます!!男性の申し込みもokみたい．女の子は必見だと思う!

今すぐ応募

全く新しいｺﾐｭﾆﾃｨｻｰﾋﾞｽです。高性能yﾁｬｯﾄをはじめ、多彩なｺﾐｭﾆｹｰｼｮﾝ機能が無料で利用できます。ﾁｬｯﾄに加え、掲示板、ｸﾗﾌﾞ･ｱﾙﾊﾞ･ｼｮｰﾄﾒｰﾙ等、多彩なｺﾐｭﾆｹｰｼｮﾝ機能が無料!!

border=0

ｺﾁﾗも無料ｺﾐｭﾆﾃｨで自分の分身がもてたりﾁｬｯﾄができたりと機能充実で無料です!!

無料で使えるアクセスカウンタなどです。HP作るなら必須です。

『日本語ドメイン名』 1年間無料キャンペーン中！　2005年2月15日(火) 18:00まで

携帯のメアドがもう一個もてます。無料期間実施中！

広告		花	無料レンタルサーバーブログ blog