SAMPLE PAGE サンプルページ

サンプルページ

※h1はコンテンツ最初に自動で出力されるタイトルの見出しがh1です。本文で使用できる見出しはh2~h4です。

h2見出しです。h2見出しです。h2見出しです。h2見出しです。h2見出しです。

h3見出しです。h3見出しです。h3見出しです。h3見出しです。h3見出しです。

ここに文章が入ります。ここに文章が入ります。

h4見出しです。h4見出しです。h4見出しです。h4見出しです。h4見出しです。

ここに文章が入ります。ここに文章が入ります。

tableパーツについて

① 列見出し ver

Header 1 Header 2 Header 3
Data 1-1 Data 1-2 Data 1-3
Data 2-1 Data 2-2 Data 2-3

② 行見出し ver

Row 1 Data 1-1 Data 1-2
Row 2 Data 2-1 Data 2-2
Row 3 Data 3-1 Data 3-2

③ 列見出し+行見出し ver

RRJ-ClimCORE RRJ-Conv
特徴 現業メソ解析と同等の品質で
全球再解析より再現性がよい
約65年の長期間再解析
データ同化システム asuca-Var NHM-LETKF
水平解像度 5km 5km
側面境界 第3世代全球再解析JRA-3Q(40km) 第2世代全球再解析JRA-55(60km)
同化データ 従来型観測データ・衛星観測・地上レーダー・
ウインドプロファイラ・解析雨量
従来型観測データ
データ対象期間 2001年以降
試供版: 2018/7〜2022/12
1958年以降
DIAS にて部分的公開: 2001/7〜2021/6
使用について ClimCOREプロジェクト参加者限定で
試供版を提供
DIASから申請
研究機関 東京大学・気象庁 東北大学・気象庁気象研究所

行間調整class

行間1行(class=”lh-1“を付与)

行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。行間1行にする調整用classです。

行間1.5行(class=”lh-15“を付与)

行間1.5行にする調整用classです。行間1.5行にする調整用classです。行間1.5行にする調整用classです。行間1.5行にする調整用classです。行間1.5行にする調整用classです。行間1.5行にする調整用classです。

行間2行(class=”lh-2“を付与)

行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。行間2行にする調整用classです。

行間調整タグ一覧

クラス名 行間
lh-1 1
lh-15 1.5
lh-2 2

上下余白調整class

画像の下マージンを0+キャプションの上マージン0で設定

ここにキャプションが入ります。

※imgタグにclass=”mb-0“を付与/pタグにclass=”mt-0“を付与

余白調整タグ一覧

クラス名 適用方向 余白サイズ
mt-0 上 / margin-top 0
mt-1 上 / margin-top 0.5em
mt-2 上 / margin-top 1em
mb-0 下 / margin-bottom 0
mb-1 下 / margin-bottom 0.5em
mb-2 下 / margin-bottom 1em

その他のパーツについて

枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。枠パーツです。
  • リストです。リストです。リストです。
  • リストです。リストです。リストです。
  • リストです。リストです。リストです。
  1. 数字付きリストです。数字付きリストです。数字付きリストです。
  2. 数字付きリストです。数字付きリストです。数字付きリストです。
  3. 数字付きリストです。数字付きリストです。数字付きリストです。

テキストリンクです。 外部リンクです。(外部サイトのリンクは自動で外部リンクマークがつきます。)
強調テキストです。

ボタンについて

通常のボタン

横並びボタン

※div(クラス名button-area)の中にaタグ(クラス名button)を複数設置。

ボタンにPDFアイコンを付与する場合

※リンク先末尾が「.pdf」であれば自動でPDFマークが付与されます。

テキストリンクにPDFマークを設置する場合

※リンク先末尾が「.pdf」であれば自動でPDFマークが付与されます。

PDF file(17KB)

ここにPDFデータ名が入ります。(17KB)