スタイルシート　サンプル

address要素

連絡先：nobody@on.the.net

blockquote要素

引用文
でもあたしはたとえ葵の花でも名前が付いてる方がいいわ。その方がよけい親しい感じがするんですもの。葵の花だって、ただ「葵」としか呼ばれなくては、心が傷付くんじゃないかしら。おばさんだって、ただ「女の人」としか呼ばれないのは嫌でしょう？――L.M.モンゴメリ「赤毛のアン」より。

dl/dt/dd要素

用語：HTML: 説明：HyperText Markup Languageの略。文書を見出し、段落などのエレメントに分けて構造化して記述するための言語。インターネットのウェブサイト等で用いられる。

h1～h6要素

見出し－レベル1

見出し－レベル2

見出し－レベル3

見出し－レベル4

見出し－レベル5

見出し－レベル6

hr要素

ol/li要素

番号付きリスト
番号付きリスト
番号付きリスト

p要素

段落

　私はまだ４，５歳の頃からサンタクロースなど信じてなかった。サンタクロースなどというのは本当はいないのだと、ちゃんと知っていた。

　テレビはアンテナから絵が入ってくるらしいとは薄々わかっていた。しかし、どのように電波に乗って画像が送られてくるのか当時はわからなかったから、もしかしたらブラウン管のガラスを破ればノッポさんやゴン太くんに会えるのかもしれないと思ってた。それでも、番組の前後のスタッフロールを読んで、ゴン太くんの中には人間が入っていることをちゃんと知っていたし、人形劇も「にんぎょうそうさ　誰々」と書いてあったし棒も丸見えだったから、下から棒で操っていることは既に知っていた。

　その後、テレビは８ミリ映画と同じ様な原理だと気付くようになった。８ミリ映画のフィルムは各々のコマは止まっているけど、映写機にかけると、コマを目に見えない早さで送りながら幕に映すから、まるで動いているように見える。しかし、どのように電波に乗って画像が送られてくるのか当時はわからなかったから、もしかしたら自分の知らない時にテレビの中のフィルムを交換する「交換屋さん」が来て、時々フィルムを交換しに来るのかもしれないと思っていた。それでも、テレビに出てくるカータンやガチャピンの中には人間が入っていることも、ちゃんと知っていた。

pre要素

整形済みテキスト
10 R=2
20 PI=3.14
30 V=4/3*PI*R*R*R
40 PRINT V
50 END

table/tr/th/td要素

ヘッダセル	ヘッダセル
データセル	データセル

ul/li要素

箇条書きリスト
箇条書きリスト
箇条書きリスト

インライン要素

アンカー：アンカー
略語：HTML
略語(頭字語)：NHK
太字：太字
大きな文字：大きな文字
出典、参照先：シェークスピア「ロミオとジュリエット」
ソースコード：SELECT * FROM T_EMPLOYEE WHERE EMP_CODE='100123';
削除箇所：~~掲示板の趣旨に合わないようでしたら削除してください。~~
定義用語：スレッドフロート式掲示板
強調：ジャガイモの芽は有毒なので、必ず取り除くこと。
斜体：斜体
挿入箇所：これはあくまでも一般論です。
入力テキスト：ipconfig /all
引用：使用許諾のメールは不要と書かれてました。
出力サンプル：404 not found
小さな文字：小さな文字
強い強調：警告：ゴム手袋をせずに農薬を使うと皮下吸収の恐れあり
下付文字：H₂O
上付文字：Xⁿ
等幅フォント：The quick brown fox jumped over the lazy dog.
変数名：SQL文は変数strSQL_MasterDBに代入されています。

iris.cssで定義されたクラス - メニュー(table要素使用)

強調したいセクション(レベル1)
	解説　解説　解説　解説　解説　解説　解説　解説解説　解説　解説　解説　解説　解説　解説　解説
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
強調したいセクション(レベル2)
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
強調したいセクション(レベル3)
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
セクション(レベル1)
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
セクション(レベル2)
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
セクション(レベル3)
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
	項目	コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント

iris.cssで定義されたクラス - 簡易メニュー(dl要素使用)

項目: コメントコメントコメントコメントコメントコメントコメントコメントコメント
コメントコメントコメントコメントコメントコメントコメントコメントコメント
項目: コメントコメントコメントコメントコメントコメントコメントコメントコメント
コメントコメントコメントコメントコメントコメントコメントコメントコメント

iris.cssで定義されたクラス - 強調色の見出し

見出し(強調色)－レベル1

見出し(強調色)－レベル2

見出し(強調色)－レベル3

見出し(強調色)－レベル4

見出し(強調色)－レベル5

見出し(強調色)－レベル6

iris.cssで定義されたクラス - CGIスクリプト用の便利なクラス

ファイル更新日時：１日以内に更新／３日以内に更新／７日以内に更新／７日以上前に更新

戻る

スタイルシート サンプル