以下は、スタイル定義されている主な要素のサンプルです。
定義リスト (dl)
- 定義リストタイトル
- この部分は定義リストの説明です。
順不同リスト (ul)
- 順不同リスト
- 順不同リスト
ナンバー付きリスト (ol)
- ナンバー付きリスト
- ナンバー付きリスト
強調(em)、より強い強調(strong)
<em>〜</em>で囲まれた部分は”強調”となり、斜体で表示されます。
<strong>〜</strong>で囲まれた部分は”より強い強調”となり、色を変えた太字で表示されます。
追加(ins)と削除(del)
<ins>〜</ins>で囲まれた部分は、それが後から追加されたものであることを示します。この部分はins要素です。
<del>〜</del>で囲まれた部分は、それがすでに削除された部分であることを示します。この部分はdel要素です。
引用(blockquote)
ここは引用文です。
改行が一切ない記事を読みたいと思う人はいません。投稿を段落分けするためには、段落ごとに半角スペースを2つ入れましょう。WordPressはそれを自動的に検知して、HTML段落タグ<p>を挿入します。
整形済みテキスト(pre)とコード(code)
code要素はその部分がプログラムのソースコードであることを示します。
空白や字下げ等をそのまま表示させたい場合には、整形済みテキストを表示させるpre要素でこの要素を囲います。
<code>の前にclass="codeTitle"を指定した<p>を挿入すると、コード用のタイトルが表示されます。
タイトル名は適宜変更してください。
JavaScript
// ここは整形済みソースコードです
function fadeout(target) {
if(opacityValue >= 0.1) {
opacityValue -= step;
}
}
フォーム(form)
テーブル(table)
<table>タグにclass名"styleTable"を指定すると、セルにボーダーや背景色が設定されます。
| セル : th | セル : th | セル : th |
|---|---|---|
| セル : td | セル : td | セル : td |
| セル : th | セル : th | セル : th |
|---|---|---|
| セル : td | セル : td | セル : td |
Comments (10)
コメントテストです。
ここからサンプルテキスト。
ここもサンプルテキスト。
ここもサンプルテキスト。
ここまでサンプルテキスト。
これもサンプルテキスト？
これは管理者のコメントです。
情報バーの色が変わります。
コメントサンプル。
これはビジターのコメントです。
すっかり秋です。
コメントテスト。
これは管理者のコメントです。
ふと真夜中にソフトクリームが食べたくなった。
コメントテスト
Pellentesque id neque eget quam pellentesque euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec tristique, nibh a suscipit molestie, tortor lectus euismod ante, pretium auctor odio sapien ut metus.
Vivamus velit enim, sodales in, pellentesque quis, venenatis eget; lorem. Integer fermentum. Praesent in dolor. Etiam sem purus, dapibus quis, mollis eu, tempor vitae, nulla. Integer turpis justo; vehicula nec, pellentesque ac, posuere vitae, risus? Integer sed est? Ut condimentum sem id quam. Duis aliquam lorem a tortor pulvinar tristique. Sed vulputate, magna nec vulputate consectetur, diam lorem sodales orci, pulvinar ultrices lorem elit elementum neque. Donec et sem. Mauris euismod. Nam vitae purus ut odio commodo lobortis? Cras in nunc. Aliquam sit amet velit! Morbi nibh. In hac volutpat.
Nullam hendrerit imperdiet quam! Nunc elementum nulla ut ligula. Morbi gravida fringilla leo. In a ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus. Aliquam venenatis, eros vel sollicitudin aliquet, purus odio adipiscing mauris, ornare consequat massa mi id nibh. Pellentesque ultricies sem ac risus. Sed venenatis tristique justo.
Nam odio. Donec sollicitudin consequat pede? Aenean eget mauris ac pede luctus malesuada. Integer semper. Vestibulum id nisi ut magna amet.
コメントが二桁欲しかった。
再三に渡るテスト。