Hello world!

Ads by Google

Hello world.

これは最初のテスト投稿です。

  • こんにちは
  • Hello
  • Bonjour
  • Buon giorno
  • Buenas tardes
  • Guten tag
  • Здравствуйте
  • Γειά σαζ
  • สวัสดีครับ / สวัสดีค่ะ
  • السلام عليكم
  • 你好
  • 안녕하세요
  • Saluton

ここで紹介する[スタイルガイド]は、当ウェブサイトのCSS(スタイルシート)の仕様書です。

  1. 見出しタグ リン1
  2. フォント リンク2
  3. リスト リンク3
  4. インライン要素 リンク4

Heading Tags - 見出しタグです。これは <h4>で囲っています。

見出しの<h4>〜<h6>までのスタイルガイドです。
<h1>〜<h3>までは通常の記事内では使用しません。これはSEOの観点から導き出したノウハウで、<h1>〜<h3>はSEO的に極めて重要なタグであり、頻出する回数を制限するという目的があります。

見出しタグです。これは <h5>で囲っています。

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

これはパラグラフ・タグです。<p>で囲っています。

フォント

The quick brown fox jumps over the lazy dog.
0123456789
いろはにほへと ちりぬるをわかよたれそ つねならむうゐのおくやま けふこえてあさきゆめみし ゑひもせすん。
0123456789
!&/()$=;:、。

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

リスト、番号付きリスト、定義リスト

通常のリスト
  • ul li リストタグ
  • ul li リストタグ
  • ul li リストタグ
    改行して2行の場合
  • ul li リストタグ
    改行して2行の場合
  • ul li リストタグ
通常リストの中に入子
  • ul li リストタグ
  • ul li リストタグ
    • 入子のリスト
    • 入子のリスト
  • ul li リストタグ
    改行して2行の場合
    1. これは番号付き 入子のリスト
    2. これは番号付き 入子のリスト
  • ul li リストタグ
    改行して2行の場合
番号付きリスト
  1. ol li - 番号付き リストタグ
  2. ol li - 番号付き リストタグ
  3. ol li - 番号付き リストタグ
    改行して2行の場合
  4. ol li - 番号付き リストタグ
    改行して2行の場合
  5. ol li - 番号付き リストタグ
番号付きリストの中に入子
  1. ul li リストタグ
  2. ul li リストタグ
    • 入子のリスト
    • 入子のリスト
  3. ul li リストタグ
    改行して2行の場合
    1. これは番号付き 入子のリスト
    2. これは番号付き 入子のリスト
  4. ul li リストタグ
    改行して2行の場合
定義リスト
dl dt - 定義リスト タイトル
dl dd - 定義リスト 内容
dl dt - 定義リスト タイトル
dl dd - 定義リスト 内容
dl dt - 定義リスト タイトル
タイトル部分が2行以上の場合。
dl dd - 定義リスト 内容
dl dt - 定義リスト タイトル
dl dd - 定義リスト 内容
  • 入子のリスト
  • 入子のリスト
dl dt - 定義リスト タイトル
タイトル部分が2行以上の場合。
dl dd - 定義リスト 内容
改行して2行の場合

インライン要素

b
キーワードや製品名、人物名
これがサンプルテキストです。
cite
要素は作品のタイトル(本、新聞、小論、詩、楽譜、楽曲、脚本、映画、テレビ番組、ゲーム、彫刻、絵画、演劇、オペラ、ミュージカル等)を表します。
これがサンプルテキストです。

b

i

em

strong

del

<a> - This is a text link

<strong> - Strong is used to indicate strong importance

<em> - This text has added emphasis

<b> - The b element is stylistically different text from normal text, without any special importance

<i> - The i element is text that is set off from the normal text

<u> - The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

<del> & <ins> - This text is deleted and This text is inserted

<s> - This text has a strikethrough

<sup> - Superscript®

<sub> - Subscript for things like H2O

<abbr> - Abbreviation: HTML

<kbd> - Keybord input: Cmd

<q> - This text is a short inline quotation

<cite> - This is a citation

<dfn> - The dfn element indicates a definition.

<mark> - The mark element indicates a highlight

<var> - The var element defines a variable

<address>

Address Name
1234 Main St.
Anywhere, US 12345

<tel> - 1-800-851-9530

<time> -

<blockquote>

One small step for man, one giant leap for mankind.

.text-info - This text is informative

.text-error - This text is an error

.text-success - This text is a success

blockquote - 引用

妻の不貞を見て女性不信となったシャフリヤール王が、国の若い女性と一夜を過ごしては殺していたのを止めさせるため、大臣の娘シェハラザード(شهرزاد)が自ら王の元に嫁ぐ。
そしてシェハラザードは千夜に渡って毎夜王に話をしては気を紛らわさせ、終に殺すのを止めさせたという物語が主軸となっている。

話が佳境に入った所で「続きはまた明日」とシェハラザードが打ち切るため、王は次の話が聞きたくて別の女性に伽をさせるのを思い留まり、それが千夜続いたという。

説話は、冒険商人たちをモデルにした架空の人物から、アッバース朝のカリフであるハールーン・アッ=ラシードや、その妃のズバイダのような実在の人物までが登場し、多彩な物語を繰り広げる。説話は様々な地域に起源をもち、中世のイスラム世界が生き生きと描き出されている。

千夜一夜物語 - Alf Laylah wa Laylah

img class 無し
img class border

img classleft
img class left

img classcenter
img class 無し

img classright
img class 無し

ボタン

+shift+s

ボタン

テーブル レイアウト

table caption - キャプション
table th - table td -
table th - table td -
table th - table td -
table th - table td -
class="border hover stripe"
table th - table td -
table th - table td -
table th - table td -
table th - table td -

コードの記述

<pre>
<script src="../jquery.js"></script>
</pre>

以上。

Ads by Google

Recent Commentsこの記事へのコメント

  1. これはコメントです。
    コメントを削除するには、ログインして投稿編集画面でコメントを表示してください。編集または削除するオプションが用意されています。

Leave a Replyコメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です