学生のみなさん!確定申告するとアルバイト代の税金が戻ってくるよ!

[み]webサイトをつくったときの確認用ダミーテキスト

久々の超個人的メモです。でも、きっとこういうの必要とされている方いると思うんです。いや、みなさんすでに自作されてますかね?

ダミーテキストなんですけど、DTP用だったら、オンラインで適当なのを作ってくれるジェネレータがいくつかありますが、webサイトだと、CSSがうまく効いてるのかとかただの文字じゃわかんないですよね。そんな中、Google先生に教えていただいたのが、こちら。
コピペで使えるマークアップ済みダミーテキスト – CSS HappyLife

これぞまさに探し求めていたものです。ただ、ちょっとボリュームが大きかったので、自分用に修正しました。
[cc lang=”html”]

このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。
使用している要素は h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, a, q, blockquote, table, td, th, pre 辺り。

ブログのテストエントリーに使えたりするダミー記事です。
テキストにリンクを張った場合はこんなカンジ。こっちはみはら.comです。

この記事をザザっと確認

ここh3です。

A Dummy Image
このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。

ここh4です。

このテキストはダミーテキストです。ここstrongどの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。
この部分は段落、つまり paragraph です。ここemこのテキストはダミーテキストです。

thですthです
tdです。tdです!tdですよ!tdです。tdです!tdですよ!tdですよーーー!!

このテキストはダミーテキストです。ここstrongどの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。
この部分は段落、つまり paragraph です。ここemこのテキストはダミーテキストです。

dtです。
ddです。ddです!ddですよ!ddですよー!
dtです。
ddです。ddです!ddですよ!ddですよー!

A Dummy Image
このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。この部分は段落、つまり paragraph です。このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。この部分は段落、つまり paragraph です。

  1. ここolです。
  2. ここolです。
  3. ここolです。
  4. ここolです。

このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。この部分は段落、つまり paragraph です。テキストにリンクを張った場合はこんなカンジ。こっちはみはら.comです。

  • ここulです。
  • ここulです。
  • ここulです。
  • ここulです。

ここh4

このテキストはダミーテキストです。インラインレベルの文章の引用 どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。
この部分は段落、つまり paragraph です。
このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。

ここは引用です。blockquote はこのように表示されます。引用文はこのように表示されます。ここは引用です。

このテキストはダミーテキストです。このテキストはダミーテキストです。

ここからpre

#main ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

このテキストはダミーテキストです。アルファベットを並べてみるよ!abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz!!

ここh5です。

このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。

小見出しです。h6要素が使われてます。

このテキストはダミーテキストです。どの要素にスタイルが当たっているか等が一通りチェック出来るような感じになっています。

[/cc] なんだかんだ言っても、けっこうな量になりましたね…。まぁ、コピペでいけるので問題ないですね。ということで、みはら(@masashi_385)の超個人的メモでした:)

コメントを残す

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