2014年7月17日木曜日

投稿小ネタ 表を作る

こんにちは、今回は票の作り方チームオーダー記事で使ってるやつですね。
HTMLを使用して書いてます。
下のやつが7/9チームオーダーの表のコードです、コピーして中身の文章変えるだけで好きなように作れると思います。
チームオーダー
オーダー名数量Lvポイントおすすめクエスト
森林:ダーカー討伐151~200ダガン殲滅任務:森林
砂漠:カルターゴ討伐21~250砂漠自由探索
凍土:ミクダ討伐1241~350デ・マルモス鎮圧
海岸:トルボン討伐2051~350環境保全任務:海岸、海岸自由探索
龍祭壇:ペンドラン討伐1061~500ソル・ディランダール討伐



<table align="center" border="1">

<style>

table {
      border : 2px solid #000 ;
      border-collapse : collapse ;
       }

th,td {
      padding : 0.2em ;
      border : 2px solid #000 ;
       }

th    {
      text-aling : center ;
       }

</style>

<caption>チームオーダー</caption>

<tbody>
<tr bgcolor="#ccc"><th>オーダー名</th><th>数量</th><th>Lv</th><th>ポイント</th><th>おすすめクエスト</th></tr>
<tr><td>森林:ダーカー討伐</td><td>15</td><td>1~</td><td>200</td><td>ダガン殲滅任務:森林</td></tr>
<tr><td>砂漠:カルターゴ討伐</td><td>7</td><td>21~</td><td>250</td><td>砂漠自由探索</td></tr>
<tr><td>凍土:ミクダ討伐</td><td>12</td><td>41~</td><td>350</td><td>デ・マルモス鎮圧</td></tr>
<tr><td>海岸:トルボン討伐</td><td>20</td><td>51~</td><td>350</td><td>環境保全任務:海岸、海岸自由探索</td></tr>
<tr><td>龍祭壇:ペンドラン討伐</td><td>10</td><td>61~</td><td>500</td><td>ソル・ディランダール討伐</td></tr>
</tbody>

</table>


これだけだとわからないと思うので、


<tr bgcolor="#ccc"><th>オーダー名</th><th>数量</th><th>Lv</th><th>ポイント</th><th>おすすめクエスト</th></tr>
<tr><td>森林:ダーカー討伐</td><td>15</td><td>1~</td><td>200</td><td>ダガン殲滅任務:森林</td></tr>
<tr><td>砂漠:カルターゴ討伐</td><td></td><td>21~</td><td>250</td><td>砂漠自由探索</td></tr>
<tr><td>凍土:ミクダ討伐</td><td>12</td><td>41~</td><td>350</td><td>デ・マルモス鎮圧</td></tr>
<tr><td>海岸:トルボン討伐</td><td>20</td><td>51~</td><td>350</td><td>環境保全任務:海岸、海岸自由探索</td></tr>
<tr><td>龍祭壇:ペンドラン討伐</td><td>10</td><td>61~</td><td>500</td><td>ソル・ディランダール討伐</td></tr>




<tr></tr>は列を表します、この表の場合6列ですね。
<th></th><td></td>は行を表します、この表では5行
列を増やす場合は<tr></tr>を増やし、間に<td></td>を入れていきます。
行を増やす場合は<tr></tr>の間に、<th></th><td></td>を増やします。

<th></th>はヘッダーで勝手に太字になる表の一番上の所で、1列だけ使用します。
表を作るときは、上のところコピーして改造するのが楽かと思います。

あまりうまく説明できなかったので使ってみてわからない所があれば聞いてくださいb

6 件のコメント:

  1. いつも記事作りお疲れ様です
    これは分かりやすい(゜ロ゜;
    私もいつか役立つ情報でも記事にしてみようかと思っています(いつかは分からない

    返信削除
    返信
    1. 自分用のメモって一面もw
      分かりやすかったなら良かったb

      削除
  2. 皆に教えて頂きトテモ助かります♪
    無理はしないでねクリスさん(>-<)
    私も頑張るね。紗津紀 

    返信削除
    返信
    1. お、紗津紀さんブログ見れたか、よかったよかった。無理しな程度に頑張るよb

      削除
  3. 一応簡単にブログ作ったけど、なに書けばいいんだろうw

    返信削除
  4. フレのブログなんかだと、ドロップしたアイテムとか新しいクエストだったりアップデートの話とか。
    ゲームから離れた話でもいいと思うしね。

    返信削除