このページでは様々なスタイルの確認ができます。テスト結果としては、全て問題なく表示されています。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 –
ここに続きのテキストが入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
リストタイプテスト – 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
- 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
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 <em> 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 <strong> tag.
Need to write H2O or E = MC2? You may find great use for subscripting text using the <sub> tag, or for superscripting text using the <sup> 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 <span> tag. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc
vitae nisl.li