★ご自由にお持ちください★ |
主にこのHPで私が使っているものや前のHPで使ったもの,また,研究室のHP作成で使用したものなどを載せます.ここにあるものは自由に使ってかまいませんが,
一言掲示板に書いてくれたり,はたまた相互リンクなんかしてくれたりするとすごくうれしいです★
もしリンク切れや不具合などありましたら教えてください.あんまりテストしてないんで.苦笑.
|
★目次★ |
★html★
★スタイルシート★
★javascript★
|
★基本★ |
■htmlの基本のカタチ■
以下がhtmlの基本になります。
<html>
<title>
ここにいれた文字がブラウザの上のバーにタイトルとして表示されます。
</title>
<head>
ここにはスタイルシートとかジャヴァスクリプトとかを入れます。
</head>
<body>
実際HPに表示される部分です。表や文字、画像などを入れるっていうことです。
</body>
</html>
|
|
★html★ |
■文字の大きさ。色。■
基本ですね。基本からいきます。
これで大きさ「+3」
これが赤色文字
|
■文字飾り■
これも基本ですね。
|
■リンクを貼る!!■
ここをクリック!!
みたいに文字にリンクを貼ります。
上のように、a hrefというタグをつけ、/aで〆ます。
このようなタグを「アンカータグ」といいます。
|
■白抜き文字■
文字の背景色をかえます.見出しなどに使用できますよね.
↑こうなります.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■表(テーブル)1■
このHPでそこらじゅうにある枠つきのテーブルの作り方です.
↑こうなります.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■表(テーブル)2■
このHPでそこらじゅうにある枠つきのテーブルの作り方です.
↑こうなります.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■表(テーブル)3■
このHPでそこらじゅうにある枠つきのテーブルの作り方です.
↑こうなります.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■表(テーブル)4■
このHPでそこらじゅうにある枠つきのテーブルの作り方です.
↑こうなります.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■文字スクロール■
|
↑こんな感じになります。
↑をコピペしてhtmlの中に埋め込んでください。
|
■セレクトボックス■
メニュボックスが作れるので便利ですっ
↑をコピペしてhtmlタグのなかに埋め込んでください。
|
■テキストボックス■
下のようなボックスをHP中に埋め込めます.htmlタグもそのまま載せられるのでHP素材作成者には便利なんですよね.
|
★スタイルシート★ |
■スクロールバーの色かえ■
このHPでも使ってますが,スクロールバーの色を変えられます.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■オンマウスでリンク文字上下に線を出す■
↑をコピペしてhtml文書の中に埋め込んでください.
|
★javascript★ |
■隠しページとパスワード■
こっそり隠しページをつくって,ソースを見てもリンク先のファイル名がわからなくします.
こんなかんじです.
↑のリンク先ページの「ソース表示」してコピペするか,
下の二つのリンクを右クリックしてファイルをDLしてください.
pass
password
あとはソースをみて勝手に改造してください.
わからなかったら掲示板へ.
|
■ステータスバー文字流し■
このHPでも使っているステータスバーの文字流し.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■時計■
このHPでも使っている一行カレンダー+時計です.
↑をコピペしてhtml文書の中に埋め込んでください.
|
■右クリック制限■
弟のためにポケモンのサイトから壁紙を持ってこようとおもったら右クリックが禁止されてました.
ちょっと「むっ」っとした大人気ないヘタレバカ.笑
使うといやな気持ちになる人もいるので使う場所は選んでね.
こんな感じになります.
↑をコピペしてhtml文書の中に埋め込んでください.
|