投稿のタグテスト

現在約1500件の店舗・スポットが登録でき残りあとわずかの状態まで来ました。
現在の所予定としては12月前後の公開になるんじゃないかと思います。

スタッフの皆さんも夜遅くまで頑張ってくれているみたいです。ここ最近寒くなってきたので風邪には気を付けて頑張ってください。

今日は日南市ナビの投稿テストをここでさしてもらいます。
お客さんが入力する際出来るだけ簡単に、それでも見た目はオシャレな感じに出来ればと思ってます。

タグテストここから

<h2>タグテストこれはh2の見出し2のテストです。</h2>

<h3>タグテストこれはh3の見出し3のてすとです。</h3>

<p>タグテストこれはpタグのてすとです。pタグだとこんな感じです。</p>

テーブルテストタイトル テーブルテストタイトル
 テーブル内容  テーブル内容
テーブルテストタイトルセル結合 テーブルテストタイトルセル結合
 テーブル内容  テーブル内容  テーブル内容セルの結合  テーブル内容
 テーブル内容セルの結合  テーブル内容  テーブル内容  テーブル内容セルの結合
テーブルテストタイトル  テーブル内容
テーブルテストタイトル  テーブル内容
テーブルテストタイトル  テーブル内容
テーブルテストタイトル  テーブル内容
テーブルテストタイトル  テーブル内容
テーブルテストタイトル テーブル内容セルの結合
テーブルテストタイトル テーブル内容 テーブル内容 テーブル内容
テーブルテストタイトル テーブル内容 テーブル内容セルの結合
テーブルテストタイトル テーブル内容 テーブル内容 テーブル内容
テーブルテストタイトル テーブル内容セルの結合 テーブル内容
  • リストタグです
  • リストタグです
  • リストタグです

リンクテスト

文字色テスト文字色テスト文字色テスト

引用テスト引用タグ”を使うとこのような感じで表示されます。
何かの文章などを引用する場合などはこのタグを使うことをオススメします。
引用タグの最後にはキーボードのShift+Enterで改行し最後にアンカータグを入力すればこのような感じで引用先も明確に表示されます。
引用先○○

写真館画像なし画像左寄せ画像サイズ中サイズ300×200使用時

画像サイズを中サイズにするとこのような感じで左寄せの配列が出来ます。

<h2>h2使用により左寄せをクリアー</h2>

画像を左寄せにした場合は<h2>見出し2タグ又は<h3>見出し3タグを使い左寄せをクリアーにする必要があります。

写真館画像なし上記の画像は画像をセンターにした際の表示です画像が大きい場合は見た目では変わりません。

写真館画像なしここは画像の右寄せです
書いてあるとおり画像が右側になります。ここでもこの処理を終わらせるには見出し2見出し3を使いクリアーにする必要があります。

<h3>見出し3によるクリアー</h3>

以上がタグテストになります。テーブルタグの列は3列までをオススメします。4列以上になるとスマートフォンの際文字が縦文字になったりするので見づらくなります。そのあたりに気をつければ綺麗な投稿になると思います。

  • Amebaに記事を投稿

このページの投稿者:miranka

MIRANKAは日南市ナビを運営しているボランティア団体です。日南市がもっともっと全国的に有名になるのを願って日々頑張ってます!

コメントを残す