HTML5とCSS3のサンプル

HTML5の要素とCSS3のサンプル

よく使うもの，重要なものの例です．詳細についてはソースを表示して確認してください．

CSSを切り替えてスタイルの変更ができます： 豪華版スタイル（3段組）：ait-sample03fb.css 豪華版スタイル（枠なし）：ait-sample03s.css 通常版スタイル（1段組）：ait-sample03l.css レスポンシブデザイン：ait-sample03.css スタイルなし

切り替えで表示されるCSSは次の3種類です．

• 豪華版スタイル（3段組）：ait-sample03fb.css
• 豪華版スタイル（枠なし）：ait-sample03s.css
• 通常版スタイル（1段組）：ait-sample03l.css
• レスポンシブデザイン：ait-sample03.css

段落

これは段落です． 改行されるかな？ 更新できるかな？ 改行できていないはずです．エディタでの改行コードは反映されません．

これは段落です．
改行されるかな？
今度は改行されているはずです．違いはソースで確認してみてください．

次のは引用の例

世界に通用する紳士，淑女たれ

平生釟三郎

もう1つ引用

やってみせ
言って聞かせて
させみて
誉めてやらねば
人は動かじ

山本五十六

箇条書き

箇条書きの例です．リストと呼ばれています．

• 番号なしの箇条書き
• 単に並ぶだけ

1. 番号付きの箇条書き
2. 番号は自動で表示

ハイパーリンク

他のページにジャンプするときにはリンクを利用します．

ジャンプするためのハイパーリンク

表

表の例です．

	列1	列2
行1	値11	値21
行2	値21	値22

画像

画像の例です．他のサイトの画像を利用するときは著作権に気をつけてください．通常は勝手に取り込んで使うと違法になります．