このページでは様々なスタイルの確認ができます。テスト結果としては、全て問題なく表示されています。HTML要素を用いて記事を書くと、以下のようなレイアウトになります。

H1見出し

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

H2見出し

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

H3見出し

H4見出し

H5見出し

H6見出し

引用テスト – Blockquote Tests –

引用:

一行だけの引用

この行は引用ではありません。以下は長い引用:

It’s like a language. You learn the alphabet, which are the scales. You learn sentences, which are the chords. And then you talk extemporaneously with the horn. It’s a wonderful thing to speak extemporaneously, which is something I’ve never gotten the hang of. But musically I love to talk just off the top of my head. And that’s what jazz music is all about.

Stan Getz

そしてこれはその後に続くテキスト。

テーブルレイアウトテスト – Table Layout Test –

Title	Views
About Test User	1	More
260	1	More
Archives	1	More
235	1	More

ここに続きのテキストが入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

リストタイプテスト – List Type Tests –

定義リスト – Definition List –

Definition List Title: This is a definition list division.
Definition: An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
Gallery: A feature introduced with WordPress 2.5, that is specifically an exposition of images attached to a post. In that same vein, an upload is “attached to a post” when you upload it while editing a post.
Gravatar: A globally recognized avatar (a graphic image or picture that represents a user). A gravatar is associated with an email address, and is maintained by the Gravatar.com service. Using this service, a blog owner can configure their blog so that a user’s gravatar is displayed along with their comments.; A globally recognized avatar (a graphic image or picture that represents a user). A gravatar is associated with an email address, and is maintained by the Gravatar.com service. Using this service, a blog owner can configure their blog so that a user’s gravatar is displayed along with their comments.

非順序リスト(ネスト) – Unordered List (Nested) –

List item one
- List item one
  - List item one
  - List item two
  - List item three
  - List item four
- List item two
- List item three
- List item four
List item two
List item three
List item four

順序リスト – Ordered List –

List item one
1. List item one
  1. List item one
  2. List item two
  3. List item three
  4. List item four
2. List item two
3. List item three
4. List item four
List item two
List item three
List item four

HTML 要素タグテスト – HTML Element Tag Tests –

All other HTML tags listed in the FAQ:

Here is the address for Automattic, using the <address> tag:

355 1st Street Suite 202
San Francisco, CA 94105
United States

This is an example of an <anchor> (otherwise known as a link). This abbr. is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <acronym> tag. What, you want to see some over-sized text using the <big> tag? Can you cite a reference for that, using the<cite> tag? Have you noticed that all of the tag names are displayed in code-form, using the <code> tag? Similarly, I could emulate keyboard text, using the <kbd> text tag, or emulate teletype text using the <tt> tag.

Oh no! I wrote something incorrectly. ~~I’d better delete it~~, using the <del> tag. I could alternately strike something out using the <strike>tag, or strike something out using the <s> tag. So many choices, which I emphasize using the  tag. Just to clarify, this is some inserted text, that I’ll highlight using the<ins> tag.

Need to display completely unformatted text, such as a large block of code? Use the <pre> tag, which lets you display:

#container {
              float: left;
              margin: 0 -240px 0 0;
              width: 100%;
            }

Want to quote the WordPress tagline Code is Poetry? Use the <q> tag to add quotes around it. This is strong text (otherwise known as bold), using the  tag.

Need to write H₂O or E = MC²? You may find great use for _subscripting text using the  tag, or for ^{superscripting} text using the  tag. Need to call out a
variable? Use the <var> tag.

Div and Span Tests

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

This is a div with “myclass” class, inside of another div, using the <div> tag.

Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. This is a span inside of a paragraph, using the  tag. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc
vitae nisl.li

記事の各種スタイルを確認する為のページ