俺のWeb文書プロジェクトの親プロジェクトです

オールキャストページ

📅

2003年から HTML を書いてます。

デザイナーズ DTD によって認められた、全てのパターンのマークアップ

ArticleBody 直下です、h2 タグです

ArticleBody 直下の h3 タグです

ArticleBody > h4 です

ArticleBody > h5 です
ArticleBody > h6 です

ArticleBody 直下のデモです。


直前は hr タグです。

  1. ol li です。
  2. ArticleBody 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. ArticleBody 直下のデモです。
  • ArticleBody 直下のデモです。
dt です
dd です
キャプションです
thaed th[rowspan=2]thead th
thead td
thead th のリンク

thead td のリンク

p タグによって文章を書く。

tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクtbody td のリンク
tfoot thtfoot td
キャプションです
日付thead th のリンク
tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクです

tbody td のリンク

p タグによって文章を書く。

tfoot thtfoot td
A-+-B
  |
  +-C
明日はがんばろう
 ∧_∧
( ´・ω・`)  (○)
,( ヽ∩∩ノ),、ヽ|〃,,,
“““ ““ ““ ““ ““ ““ ““ “``““ ““

2. blockquote 直下

blockquote > h2 です

blockquote > h3 タグです

blockquote > h4 タグです

blockquote > h5 です
blockquote > h6 です

blockquote > p です。


直前は hr タグです。

  1. ol li です。
  2. blockquote 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. blockquote 直下のデモです。
  • blockquote 直下のデモです。
dt です
dd です

blockquote 直下に Box を配置することもできます。

キャプションです
thaed th[rowspan=2]thead th
thead td
thead th のリンク

thead td のリンク

p タグによって文章を書く。

tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクtbody td のリンク
tfoot thtfoot td
キャプションです
日付thead th のリンク
tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクです

tbody td のリンク

p タグによって文章を書く。

tfoot thtfoot td
A-+-B
  |
  +-C
明日はがんばろう
 ∧_∧
( ´・ω・`)  (○)
,( ヽ∩∩ノ),、ヽ|〃,,,
“““ ““ ““ ““ ““ ““ ““ “``““ ““

3. Box

オブジェクトの整列

Boxで画像等に文書等を回り込ませる

オブジェクトに対してテキストを回り込ませます。


  • オリジナル画像へのリンク付きのサムネイル画像はクリックでボックス幅まで引き伸ばすことができます、これは PicaThumbnail で実現しています
  • img, video, audio, iframe, object, embed は左寄せになります。
ジャンク狼

ObjCap で PicaThumbnail, img, video, audio, iframe, object, embed にキャプションを付けます。alt="" としておきます。


オリジナル画像へのリンク付きのサムネイル画像はクリックでボックス幅まで引き伸ばすことができます、これは PicaThumbnail で実現しています
img, video, audio, iframe, object, embed は左寄せになります。

Boxで画像等に文書等を回り込ませる

PicaThumnail を caption で囲んだもの。IE5 で回り込みが発生しない問題を回避できる。

4. Note

note > h2 です

note > h3 です

note > h4 です

note > h5 です
note > h6 です

ArticleBody 直下のデモです。


直前は hr タグです。

  1. ol li です。
  2. note 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. note 直下のデモです。
  • note 直下のデモです。
dt です
dd です
thaed ththead td
tbody thnote 下に table を配置する際は hscroll で囲みます

Label

BlogArchive

人気の投稿

全てのラベル

8. テストページ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ベクターアイコン(Web フォント)の非サポートをテストする。

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ベクターアイコン

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ベクターアイコン(Web フォント)のブロックをテストする

Firefox, Web開発, クロスブラウザ, テキストブラウザ

リンク要素とフォーム部品のインタラクションについて

Firefox, Web開発, クロスブラウザ, テキストブラウザ

2. 特徴と機能

Firefox, Web開発, クロスブラウザ, テキストブラウザ

web-doc-baseによるウェブ文書開発

Firefox, Web開発, クロスブラウザ, テキストブラウザ

オールキャストページ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ユーザー設定の調査

Firefox, Web開発, クロスブラウザ, テキストブラウザ

2カラムレイアウトを基本とし、8種類のビューポートサイズにレスポンシブ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

SearchResult

Form