〇〇の家

画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。 画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中央揃え」の中から自分の好きなものを選べるようにする必要があります。さらに、「サムネイル」「中サイズ」「大サイズ」「フルサイズ」という選択肢の中から大きさを選べるようにするべきです。

上記の画像は中央寄せになるはずです。

このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。
ご覧のとおり、画像の上・下・右にスペースが空いている事がわかると思います。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。

画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です !

次は、とても大きな画像のテストです。そして、この画像には配置の指定がありません。

上記の画像は1200ピクセルもありますが、コンテンツエリアからはみ出る事はなく収まっています。

そして今後は右寄せに移りたいと思います。また今度も、画像の上、下、左に十分な余白があると思います。ほら、あっちにいる彼を見てください ! 右側の方にいるあの画像 ! 左寄せ画像がなんて言うかなんてどうでもいいんです、美しい配置ですよ。他の人の意見なんて気にしないでいいんです。 そしてこのへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。そうです…。右画像に回り込むのって気持ちいいですね。 さて、これで終わりと思ったかもしれませんが、これからキャプションのテストに入ります !

580×300 画像のキャプション

例。上記の画像は中央寄せになるはずです。キャプションにはリンクが含まれていますが、おかしな表示になっていないか確認しましょう。

左寄せ画像の回り込みをテストするためのつなぎです。 ご覧の通り、画像の上・下・右にスペースが必要です。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です ! それでは、とても大きな画像のテストです。そして、この画像にも配置の指定はありません。

とても大きな画像のコメント[/caption] 上記の画像は1200ピクセル幅ですが、コンテンツエリアからはみ出すべきではありません。コンテンツのフローを視覚的に邪魔しないかたちで、指定のエリア内に収まっている必要があります。

そして今後は右寄せ画像に移りたいと思います。また今度も、画像の上、下、左に十分な余白があると思います。ほら、あっちにいる彼を見てください ! 右側の方にいるあの画像 ! 左寄せ画像がなんて言うかなんてどうでもいいんです、美しい配置ですよ。他の人の意見なんて気にしないでいいんです そしてこのへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。そうです…。右画像に回り込むのって気持ちいいですね。 それでは、これで終わりです。画像配置のテスト、お疲れ様でした !

見出し弐

見出し参

見出し四

見出し五

見出し六

引用 (Blockquote)

一行の引用:

貪欲であれ、愚かであれ

引用元の参照のある複数行の引用:

集中という意味は集中しなくてはいけないことにイエスということだと、人は言います。しかし、それはまったく違います。そうではなく、そこにある何百ものいいアイディアにノーということなのです。慎重に選択しなくてはいけません。実際、私は成し遂げたことと同じように成し遂げられなかったことにも満足しています。革新というのは1000ものことにノーということなのです。 スティーブ・ジョブズ – 1997年 Apple 世界的開発者会議

テーブル

定義リスト

定義リストタイトル

これは定義リストです。

スタートアップ

スタートアップ会社もしくはスタートアップとは、反復可能でスケーラブルなビジネスモデルを追い求める会社もしくは一時的な組織です。

#dowork

ロブ・ダイデクと彼の個人的なボディーガードのクリストファー”ビッグ・ブラック”ボイキンスが作った言い回しで、”仕事しよう” が自己動機付けとして、友達を動機付けるために機能する。

ライブでやろう

ビル・オライリーが説明 してもらいましょう。

非順序リスト（ネスト化）

• リストアイテム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 要素タグテスト