htmlとスタイルのサンプル

この記事はhtmlコードそれぞれの見え方を確認するためのサンプルエントリーです。すべてが載っているわけではありませんが、ある程度参考になると思います。

見出し

h2からh6まであります。

h2

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890

大見出し（h3）

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890

中見出し（h4）

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890

小見出し（h5）

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890

極小見出し（h6）

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890

見たまま記法やはてな記法だとh2やh6は直接htmlを入力しなければなりません。

基本文

段落

ゴーシュは町の活動写真館でセロを弾く係りでした。けれどもあんまり上手でないという評判でした。上手でないどころではなく実は仲間の楽手のなかではいちばん下手でしたから、いつでも楽長にいじめられるのでした。

ひるすぎみんなは楽屋に円くならんで今度の町の音楽会へ出す第六交響曲の練習をしていました。
トランペットは一生けん命歌っています。
ヴァイオリンも二いろ風のように鳴っています。
クラリネットもボーボーとそれに手伝っています。

宮沢賢治 セロ弾きのゴーシュ
http://www.aozora.gr.jp/cards/000081/files/470_15407.html

テキスト装飾

<strong> </strong>

たけのこの里は美味しい

<strong class="teal"> </strong>

たけのこの里は尊い

<strong class="pink"> </strong>

たけのこの里は最強

<b> </b>

きのこの山も美味しい

<s> </s>

戦争は終結した

<div class="exlink"> </div>

orefolder.net | androidのホーム画面カスタマイズとウィジェットの情報サイト

フォトライフ

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

回り込み

左

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

右

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

その他

asin

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

「へんな会社」のつくり方 (NT2X)

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

テスト

本日（11月12日）から11月27日まで、はてなダイアリーの公開デザインコンテスト「公開デザイン祭2007秋」を開催します。

「公開デザイン祭2007秋」を開始しました - はてなダイアリー日記

引用

<blockquote> </blockquote>

本日（11月12日）から11月27日まで、はてなダイアリーの公開デザインコンテスト「公開デザイン祭2007秋」を開催します。

「公開デザイン祭2007秋」を開始しました - はてなダイアリー日記

<q> </q>

エルミスの書に書かれていた忘れるな いつか必ずそれは来るが示す「それ」とはなんだろうか。作中で言われたとおり、その人、その時、その立場、その状況によって「それ」は変わってくるのだろう。しかし忘れてはいけない、それはいつか必ず来るのだ。

リスト（ul,ol,dl）

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

• 大賞1名：Amazonギフト券5万円分
• 入選9名：Amazonギフト券1万円分
  • 大賞1名：Amazonギフト券5万円分
  • 入選9名：Amazonギフト券1万円分
• 入選9名：Amazonギフト券1万円分
  • 大賞1名：Amazonギフト券5万円分
  • 入選9名：Amazonギフト券1万円分

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

1. 大賞1名：Amazonギフト券5万円分
2. 入選9名：Amazonギフト券1万円分
   1. 大賞1名：Amazonギフト券5万円分
   2. 入選9名：Amazonギフト券1万円分
3. 入選9名：Amazonギフト券1万円分
   1. 大賞1名：Amazonギフト券5万円分
   2. 入選9名：Amazonギフト券1万円分

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

大賞1名

Amazonギフト券5万円分

入選9名

Amazonギフト券1万円分

テーブル

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

名前	色	個数
りんご	赤	1
みかん	だいだい	2

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

PRE

複数行コード

.XXX {
  width:999px;
  height:999px;
}

.propA, .propB, .propC {
  width:999px;
  height:999px;
}

#YYY {
  width:9px;
  height:999px;
}

インラインコード

例えばここにwidth:300pxと入力してみよう。