2021.06.01
ニュース

本文中におけるHTMLタグの表示について

本文に使えるタグの解説です。

よく使うタグのデザイン

tableタグ

商品名 イタリア産赤ワイン
品番 SAMPLE-001
メーカー希望小売価格 19,800円
当店価格 14,800円

スタンダードなtableタグです。PC・スマホ共に同じレイアウトになります。

tableタグ(スマホカラム落ち)

商品名 イタリア産赤ワイン
品番 SAMPLE-001
メーカー希望小売価格 19,800円
当店価格 14,800円

スマホ表示の場合、項目と内容が縦に分かれます。

youtubeのレスポンシブ表示

指定したclassで囲み、youtubeからコピーしたコードを貼り付けるだけで、簡単にレスポンシブ表示になります。

画像の横並び表示

画像の枚数に応じて自動でサイズを調整して表示します。

sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample

リスト表示

■ 通常リスト

  • リスト項目1
  • リスト項目2
  • リスト項目3
    • リスト項目3_1
    • リスト項目3_2
    • リスト項目3_3
  • リスト項目4

■ 数字

  • リスト項目1
  • リスト項目2
  • リスト項目3
    • リスト項目3_1
    • リスト項目3_2
    • リスト項目3_3
  • リスト項目4

■ 小文字のアルファベット

  • リスト項目1
  • リスト項目2
  • リスト項目3
    • リスト項目3_1
    • リスト項目3_2
    • リスト項目3_3
  • リスト項目4

■ 大文字のアルファベット

  • リスト項目1
  • リスト項目2
  • リスト項目3
    • リスト項目3_1
    • リスト項目3_2
    • リスト項目3_3
  • リスト項目4

囲み枠

ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。
ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。
ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。
ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。
ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。
ゴーシュがやっと二寸ばかり窓をあけたとき、かっこうは起きあがって何が何でもこんどこそというようにじっと窓の向うの東のそらをみつめて、あらん限りの力をこめた風でぱっと飛びたちました。

引用文

過ちを改めるには、自分が間違いを犯したと自覚すれば、それでよい。そのことをさっぱり思いすてて、ただちに一歩を踏み出すことが大事である。

過ちを犯したことを悔やんで、あれこれと取りつくろおうと心配するのは、たとえば茶碗を割って、そのかけらを集めて合わせてみるようなもので、何の役にも立たぬことである。

西郷隆盛(幕末の薩摩藩士 / 1828~1877): Wikipedia

お問い合わせ先はこちら

株式会社佐賀新聞メディアホールディングス
TEL:0952-20-3768
E-MAIL:info@sagasmh.jp

カテゴリー

CONTACT

お電話でのお問い合わせ