Riszw Template sample | Transparently 各要素の表示サンプル

各要素の表示サンプル

Riszw で配布している Serene Bach / sb 用テンプレート「Transparently」の各要素の表示サンプルです。
よく使われるリストや表、また、Serene Bach の機能として挿入可能な引用やオススメの書式に対応しています。
見出しや段落などそれぞれのタグの使い方については30分間(X)HTML入門 -- ごく簡単なHTMLの説明で簡単に・わかりやすくまとめられています。

h3 ここは見出し

見出しはサイトタイトルが h1 、ページタイトルが h2 となっています。
文書の骨格となる基本要素 -- ごく簡単なHTMLの説明 - 見出しに書かれている通り、h2 の次に h3 を書いたりするのはよくないです。

テキストに関する表示サンプル

p ここは段落。以下はテキストに関する表示サンプルです。

h4 テキストの強調の表示サンプル

em ここは強調。em タグで囲まれた部分はこのような表示になります。

strong ここはさらに強調。strong タグで囲まれた部分はこのような表示になります。

テキストの編集の表示サンプル

ins ここは挿入。ins タグで囲まれた部分はこのような表示になります。

~~del ここは削除。del タグで囲まれた部分はこのような表示になります。~~

クイック投稿 ( sb では sb it! ) の書式での引用の表示サンプル

このサイトは、北海道・道東でフリーのウェブデザイナーをしております石澤りんの個人サイトです。
サイト名＝屋号の Riszw はライズと読み、Rin Ishizawa の大文字部分に由来します。このような単語はない上に当て読みです。

Riszw

ソースコード等を表示することを前提とした pre と code の組み合わせの表示サンプル

<?xml version="1.0" encoding="{site_encoding}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{site_lang}" lang="{site_lang}">

オススメ画面からの新規記事作成で出力される書式の表示サンプル ( sb )

Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール

Serene Bach のことならこの 1 冊。

オススメ画面からの新規記事作成で出力される書式の表示サンプル ( Serene Bach )

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
九天社
基本から実用的な Tips まで。

リストの表示サンプル

以下はリストの表示サンプルです。

並列列挙リスト ( ul・li ) の表示サンプル

ハッピーターン
おばあちゃんのぽたぽた焼き
まがりせんべい

順序付きリスト ( ol・li ) の表示サンプル

鍋に卵がかぶるくらいのお湯を沸かします。
沸騰したら室温に戻しておいた卵をおたまで静かに入れます。
再び沸騰してきてから 7 分ゆでたら卵を冷水にさらします。
殻をむいたらおいしい半熟ゆで卵のできあがりヽ(・ω・)ﾉ

定義型リスト ( dl・dt・dd ) の表示サンプル

dt 用語

dd 用語の解説

北海道にしかない食べ物・飲み物

以下は北海道の人にとっては珍しくない、でも北海道にしかない食べ物・飲み物のリストです。( dd の中の並列列挙リスト)

テーブルの表示サンプル

以下はテーブルの表示サンプルです。

テーブルの表示サンプル

日付	内容	担当者	備考
4/24	爪をとぐ	とら	柱は怒られるのでこっそり
4/25	丸くなって寝る	くろ	茶の間の窓辺をゲットする
4/26	食後の毛繕い	しろ	届かないところはとらに頼む