ArchiDesign byKBSK

レイアウトテスト

6362 views
約7分

パラグラフ配置テスト

デフォルトパラグラフ

吾輩の主人は滅多に吾輩と顔を合せる事がない。職業は教師だそうだ。
学校から帰ると終日書斎に這入ったぎりほとんど出て来る事がない。家のものは大変な勉強家だと思っている。当人も勉強家であるかのごとく見せている。

しかし実際はうちのものがいうような勤勉家ではない。吾輩は時々忍び足に彼の書斎を覗いて見るが、彼はよく昼寝をしている事がある。
時々読みかけてある本の上に涎をたらしている。

左ぞろえ

彼は胃弱で皮膚の色が淡黄色を帯びて弾力のない不活溌な徴候をあらわしている。
その癖に大飯を食う。大飯を食った後でタカジヤスターゼを飲む。飲んだ後で書物をひろげる。二三ページ読むと眠くなる。涎を本の上へ垂らす。
これが彼の毎夜繰り返す日課である。
吾輩は猫ながら時々考える事がある。教師というものは実に楽なものだ。人間と生れたら教師となるに限る。
こんなに寝ていて勤まるものなら猫にでも出来ぬ事はないと。それでも主人に云わせると教師ほどつらいものはないそうで彼は友達が来る度に何とかかんとか不平を鳴らしている。

中央ぞろえ

吾輩がこの家へ住み込んだ当時は、主人以外のものにははなはだ不人望であった。
どこへ行っても跳ね付けられて相手にしてくれ手がなかった。
いかに珍重されなかったかは、今日に至るまで名前さえつけてくれないのでも分る。吾輩は仕方がないから、出来得る限り吾輩を入れてくれた主人の傍にいる事をつとめた。
朝主人が新聞を読むときは必ず彼の膝の上に乗る。彼が昼寝をするときは必ずその背中に乗る。

右ぞろえ

これはあながち主人が好きという訳ではないが別に構い手がなかったからやむを得んのである。その後いろいろ経験の上、朝は飯櫃の上、夜は炬燵の上、天気のよい昼は椽側へ寝る事とした。
しかし一番心持の好いのは夜に入ってここのうちの小供の寝床へもぐり込んでいっしょにねる事である。
この小供というのは五つと三つで夜になると二人が一つ床へ入って一間へ寝る。

両端ぞろえ

吾輩はいつでも彼等の中間に己れを容るべき余地を見出してどうにか、こうにか割り込むのであるが、運悪く小供の一人が眼を醒ますが最後大変な事になる。小供は——ことに小さい方が質がわるい——猫が来た猫が来たといって夜中でも何でも大きな声で泣き出すのである。すると例の神経胃弱性の主人は必ず眼をさまして次の部屋から飛び出してくる。現にせんだってなどは物指で尻ぺたをひどく叩かれた。

見出し1 (H1)

見出し2 (H2)

見出し3 (H3)

見出し4 (H4)

見出し5 (H5)
見出し6 (H6)

引用 (Blockquote) テスト

引用:

一行だけの引用。

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

これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。

スタン・ゲッツ

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

テーブルレイアウトのテスト

タイトル 閲覧数
テストユーザーについて 1 以上
260 1 以上
アーカイブ 1 以上
235 1 以上

リストタイプのテスト

定義リスト

定義リストタイトル
これは定義リストです。
定義
物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
ギャラリー
WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
Gravatarグラバター
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

非順序リスト(ネスト化)

  • リストアイテム1
    • リストアイテム1
      • リストアイテム1
      • リストアイテム2
      • リストアイテム3
      • リストアイテム4
    • リストアイテム2
    • リストアイテム3
    • リストアイテム4
  • リストアイテム2
  • リストアイテム3
  • リストアイテム4

順序リスト

  1. リストアイテム1
    1. リストアイテム1
      1. リストアイテム1
      2. リストアイテム2
      3. リストアイテム3
      4. リストアイテム4
    2. リストアイテム2
    3. リストアイテム3
    4. リストアイテム4
  2. リストアイテム2
  3. リストアイテム3
  4. リストアイテム4

HTML 要素タグテスト

他の HTML タグは FAQ をご覧ください:

以下は住所のサンプルです。<address> タグを使用しています:

〒530-0001
大阪市北区梅田3丁目1-1
大阪ステーションシティ
日本

これは <anchor> (もしくはリンクとも呼ばれます) の例です。

この abbr. はセンテンスの中にある <abbr> タグの例です。これは <acronym> タグを使用した TLA です。 <big> タグを使用した some大きめのサイズのテキスト をご覧になりたいですか? <cite> タグを使って、そのリファレンス引用したいですか? タグ名はすべて <code> タグを使用した コード形式 で表示されていることにお気づきになりましたか? 同じように、<kbd> タグを使用してキーボードテキストをエミュレートしたり、<tt> タグを使用してテレタイプ(等幅)テキストをエミュレートできます。

おっと、いけない!間違って書いてしまいました。<del>タグを使用して消したほうがよさそうです。もしくは <strike> タグを使用して線を引いて消したり、あるいは <s> タグで線を引いて消したりすることもできます。これは挿入されたテキストで、明確にするために <ins> タグを使用してハイライトしています。

コードのカタマリのような完全にフォーマットされないテキストを表示する必要がありますか?<pre> タグを使用すると次のように表示されます:

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

WordPress のキャッチフレーズ Code is Poetry を引用したいですか?<q> タグで囲むと引用符が追加されます。これは <strong>タグを使用した強調テキストです。(もしくはボールドとも呼ばれます)

H2O もしくは E = MC2? と書く必要がありますか?<sub> タグを使った サブスクリプティング テキストや <sup> タグを使った サブスクリプティング テキストがお役に立つでしょう。引数や変数であることを示すには <var> タグをつかいます。

Div と Span のテスト。

何も顔のまずい例に特に吾輩を出さなくっても、よさそうなものだ。

これは <div> を使った別の div の中にある “myclass” クラスを持った div です。

吾輩だって喜多床へ行って顔さえ剃って貰やあ、そんなに人間と異ったところはありゃしない。

何も顔のまずい例に特に吾輩を出さなくっても、よさそうなものだ。 これは <span> タグを使用したパラグラフ内の span です。吾輩だって喜多床へ行って顔さえ剃って貰やあ、そんなに人間と異ったところはありゃしない。

Comments

  1. 2件目のコメントです!

  2. DigiPressテーマのみであらゆるコンテンツをあらゆるスタイルでアピールできます。

    人気の記事やはてなブックマークでの人気記事、ソーシャルボタンなどの表示もプラグインを必要とせず、テーマ専用のウィジェットや設定のみで実現します。

FacebookでシェアTwitterでシェアPinterestでシェア