初心者用タグ講座

HTML文書内で、ホームページの動きを表す命令やコメントを書き込むための書式。
テキストをタグではさむ事でインターネットプラウザで表示する時のデザインなどが決まる。
ウェブページ作製する事はＨＴＭＬのタグを以下に使いこなすかにかかっている。・・・パソコン用語辞典より

少しでもお役に立てば嬉しいです

全てテキストボックス内を右クリック全て選択を選んでコピー・ＨＴＭＬのソースを開いて貼り付けです。
テキストタグ・この字を貼り付けるだけで上記のようなテキスト窓が出ます

時計三種類

<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><CENTER><TABLE border=2 width=130><TBODY bgColor=black><TR><TD><CENTER><TABLE cellPadding=0 cellSpacing=0 id=tblClock><TR id=trClock1><TD id=tdYear style='COLOR:red;FONT:bold 12pt Arial'>2000</TD><TD>年<TD id=tdMonth style='COLOR:orange;FONT:bold 12pt Arial'>1</TD><TD>月</TD><TD id=tdDate style='COLOR:orange;FONT:bold 12pt Arial'>1</TD><TD>日</TD></TR></TABLE><TABLE cellPadding=0 cellSpacing=0><TR><TD id=tdHour style='COLOR:#00ff00;FONT:bold 12pt Arial'>1</TD><TD>時</TD><TD id=tdMinute style='COLOR:#00ff00;FONT:bold 12pt Arial'>00</TD><TD>分</TD><TD id=tdSecond style='COLOR:#abcdef;FONT:bold 12pt Arial'>00</TD><TD>秒</TD></TR></TBODY></TABLE></TABLE></CENTER>
</HTML>

上記の字を貼り付けて時計が出ます。

2000

年

月

日

時

分

秒

シンプル時計タグ

<form name="myForm">
いらっしゃいませ、ただいまは
<input type="text" size="28" name="myFormDate">
<input type="text" size="15" name="myFormTime">
です
<script language="JavaScript"></script>
</form>>
</HTML><SCRIPT language="JavaScript"></SCRIPT></FORM>
</DIV>
</BODY>
</HTML>

このサイトはとても参考になりました。「　◆◆動くJavaScript◆◆」背景を動かしたり、いろいろなスライドショーがあります

動画から必要な場面を画像（写真）として切り出す方法

文字を縦書きにする　サンプル→height:300

お気に入り
頁の切り替え時に変化を加える

「ちょっとした小技」ここ

tukumoji='来て下さってありがとう、ごゆっくりどうぞ！';
ms3col='#cc00ff';
ms3siz='size:9pt';

Gmouse1=0;
Gmouse2=0;
for(i=0;i<tukumoji.length;i++){
document.write(''+tukumoji.charAt(i)+'');
}
function MAUSUSUTOKA(){
Gmouse1=document.body.scrollLeft+event.clientX;
Gmouse2=document.body.scrollTop+event.clientY;
}
GMou1=new Array();
for(i=0;i<tukumoji.length;i++){GMou1[i]=-50}
GMou2=new Array();
for(i=0;i<tukumoji.length;i++){GMou2[i]=-50}
function mousest3(){
for(i=tukumoji.length-1;i>=0;i--){
if(i!=0){
GMou1[i]=GMou1[i-1]+18;
GMou2[i]=GMou2[i-1];
}else{
GMou1[0]=Gmouse1+18;
GMou2[0]=Gmouse2;
}
ms3[i].style.posLeft=GMou1[i];
ms3[i].style.posTop=GMou2[i];
}
}
document.onmousemove=MAUSUSUTOKA;
C44=String.fromCharCode(44);
C60=String.fromCharCode(60);
C62=String.fromCharCode(62);
document.write(C60+'script language=JavaScript'+C62+'setInterval(\'mousest3()\''+C44+'70);'+C60+'/script'+C62);
</SCRIPT

</BODY>
></form><SCRIPT language=JavaScript src=http://www.geocities.co.jp/SweetHome/4572/moji.js></SCRIPT

</BODY>
</HTML>

マウスストーカー・マウスに字が付いてきます

ようこそボタン

セレクトボックス

スクロールバーに色を付ける
このページのバーのようになります

リンクマウスカーソル？マーク
このページにもつけました

コメントの表示

セレクトメニューでジャンプ　　　

画面を上に上げる面白いと思いました
見本「花と昆虫」

壁紙をグラデーションにする　参考

<style>

<HEAD>

</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

カーテンの色や開く早さの指定ができます。
</CENTER>

/*
Left-Right Curtain Script- ｩ Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://dynamicdrive.com
*/

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function openit(){
window.scrollTo(0,0)
if (ns4){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (ie4||ns6){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0){
clearInterval(stopit)
if (ns6){
temp[1].display="none"
temp[2].display="none"
}
}
}
}

function gogo(){
stopit=setInterval("openit()",100)
}
gogo()

</script>

カーテンが開くように表示される参考

枠をつける　参考このページ

他のページ内のラベルへ移動する

a href="http://www.dspt.net/index.html#top">トップページ画面の任意の場所につけたラベルへリンクする</a>

トップページ画面の任意の場所につけたラベルへリンクする

お気に入りのテーブル

ここにコメント♪

ピンクの可愛い黒板です

ここのコメントを入れる♪

メッセージ

ここにメーセイジを入れます
この黒板は動きません
飾りにいかがですか

ここにコメントを入れる♪

</SCRIPT>

<tr>

★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★</MARQUEE>

こんなのが好きなんです！うるさいっていわないでねぇ～

キラキラ輝いていてきれいでしょう？

夜空の星よりも輝くＨＰ・自己満足です。ようやくできる様になったんですもの

虹色は好きなの！夢がいっぱいって、感じるんです。

</MARQUEE><MARQUEE scrollamount="2">

★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★★★

★★★★

★</MARQUEE></CENTER>

</TD>

</tr>

</TABLE>

</DIV>

</HTML>
</HTML>

★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★ こんなのが好きなんです！うるさいっていわないでねぇ～
キラキラ輝いていてきれいでしょう？
夜空の星よりも輝くＨＰ・自己満足です。ようやくできる様になったんですもの
虹色は好きなの！夢がいっぱいって、感じるんです。
★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★★_★ ★^★★_★ ★

フレームインフレーム

最終更新日 : 2009年10月2日

サルビア	2009・9・21
秋桜	2009・9・6
屋久島	2009・8・14
アゲハ三種	2009・8・9

	参考サイト
	ほと○’ｓ　ホームページ	表紙に目次ツリーを付けました。サイトからソフトダウンロードしました。14・6・5
		お好みのロゴバーナーが自動作成できますお好みの時計もつくれます
		こういうサイトに巡り会いました。きっとお役に立つと思います
	ページ移動時トランジション効果をつけるとても気に入って各ページで使っています <meta http-equiv="Page-Enter" content="revealTrans(Duration=★,Transition=☆)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=★,Transition=☆)"> ★=切り替え時間(秒)を指定する ☆=トランジッション効果の指定（番号で指定）このタグを使えばページ切り替え時、色々なワイプ効果で切り替わりますトランジション効果のサンプルサイト
	カーソルが重なると文字背景色を変える <a href="★" onMouseOver="this.style.backgroundColor='red'" onMouseOut="this.style.backgroundColor='white'">～</a> ★=リンク先URLまたはファイル名　　　　　　　　見本　目次へ
	メールアドレスへのリンクを貼る例メールお待ちしています(^.^) <a href="mailto:guroriosa55@hotmail.com">メールお待ちしています(^.^)</a><BR> メールホームが立ち上がります
	<IMG SRC="xxxxxxxxxxxxxxxxxxxxxx">が、画像を貼るタグです。 xxxxxxxxには、画像のアドレスを、入力します画像のアドレス(ＵＲＬ)は、画像を右クリックして、プロパティを見れば、調べられます
	いろいろなサイトからタグを拾う方法 (けいさんから教えていただきました) 拾いたい画面を開きながらタスクバー・ツール→インターネットオプション→設定→ファイルの表示ＯＫですこれでお好きなサイトから何でもお借りできます
	私のバーナーです

	参考サイト
	ほと○’ｓ　ホームページ	表紙に目次ツリーを付けました。サイトからソフトダウンロードしました。14・6・5
		お好みのロゴバーナーが自動作成できますお好みの時計もつくれます
		こういうサイトに巡り会いました。きっとお役に立つと思います
	ページ移動時トランジション効果をつけるとても気に入って各ページで使っています <meta http-equiv="Page-Enter" content="revealTrans(Duration=★,Transition=☆)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=★,Transition=☆)"> ★=切り替え時間(秒)を指定する ☆=トランジッション効果の指定（番号で指定）このタグを使えばページ切り替え時、色々なワイプ効果で切り替わりますトランジション効果のサンプルサイト
	カーソルが重なると文字背景色を変える <a href="★" onMouseOver="this.style.backgroundColor='red'" onMouseOut="this.style.backgroundColor='white'">～</a> ★=リンク先URLまたはファイル名　　　　　　　　見本　目次へ
	メールアドレスへのリンクを貼る例メールお待ちしています(^.^) <a href="mailto:guroriosa55@hotmail.com">メールお待ちしています(^.^)</a><BR> メールホームが立ち上がります
	<IMG SRC="xxxxxxxxxxxxxxxxxxxxxx">が、画像を貼るタグです。 xxxxxxxxには、画像のアドレスを、入力します画像のアドレス(ＵＲＬ)は、画像を右クリックして、プロパティを見れば、調べられます
	いろいろなサイトからタグを拾う方法 (けいさんから教えていただきました) 拾いたい画面を開きながらタスクバー・ツール→インターネットオプション→設定→ファイルの表示ＯＫですこれでお好きなサイトから何でもお借りできます
	私のバーナーです