Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML入門 3 情報を整理する - リスト、テーブル

HTML入門 3 情報を整理する - リスト、テーブル

Atsushi Tadokoro

May 01, 2014
Tweet

More Decks by Atsushi Tadokoro

Other Decks in Technology

Transcript

  1. ৘ใΛ੔ཧ͢Δཁૉ ‣ ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δ ‣ ෳ਺ͷؔ࿈͢Δ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δʹ͸  ! ‣ ྻڍ͢ΔɿϦετ ‣

    Օ৚ॻ͖VMཁૉɺMJཁૉ ‣ φϯόϦϯάPMཁૉɺMJཁૉ ‣ ༻ޠͱͦͷఆٛEUཁૉɺEEཁૉ ! ‣ දʹͯ͠੔ཧɿςʔϒϧ ‣ UBCMFཁૉɺUIཁૉɺUSཁૉɺUEཁૉ
  2. ৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ࡾछྨͷϦετ ! ‣ ฒྻྻڍϦετVMཁૉ ‣ ߲໨ͷॱ൪ʹ͸͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ !

    ‣ ॱং෇͖ϦετPMཁૉ ‣ ߲໨ͷॱ൪͕ҙຯΛ࣋ͨͤͨΓɺ΋͘͠͸߲໨Λ͋ͱͰࢀ র͢ΔͨΊͷ൪߸Λ͚ͭΔ ! ‣ ఆٛܕϦετEMཁૉ ‣ ࣙॻͷΑ͏ʹ༻ޠͱͦͷఆ͔ٛΒߏ੒͞ΕΔ
  3. ৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ఆٛܕϦετͷྫ EM EU EEཁૉ <dl> <dt>HTML</dt> <dd>Hyper Text

    Markup LanguageͷུɻWebϖʔδΛهड़͢ΔͨΊͷϚʔΫΞοϓݴ ޠɻ</dd> <dt>HTTP</dt> <dd>Hyper Text Transfer ProtcolɻWebαʔόͱΫϥΠΞϯτ͕σʔλΛૹड৴͢ Δͷʹ࢖ΘΕΔϓϩτίϧɻ</dd> <dt>URL</dt> <dd>Uniform Rosource LocatorɻΠϯλʔωοτ্ͷ৘ใͷ৔ॴΛࢦఆ͢Δɻ</dd> </dl>
  4. ࣮ݧ ‣ େ͖ͳઆ໌߲໨ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏ !

    ‣ େ͖ͳઆ໌߲໨ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏ ‣ ͞Βʹ͜·͔ͳิ଍̍ ‣ ͞Βʹ͜·͔ͳิ଍̎ ‣ ͞Βʹ͜·͔ͳิ଍̏
  5. ৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ଟॏߏ଄ͷϦετͷྫ <ul> <li>Ϧετ̍ <ul> <li>Ϧετ1.1</li> <li>Ϧετ1.2</li> <li>Ϧετ1.3</li> </ul>

    </li> <li>Ϧετ2 <ul> <li>Ϧετ2.1</li> <li>Ϧετ2.2</li> <li>Ϧετ2.3</li> </ul> </li> </ul>
  6. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ςʔϒϧ࡞੒ͷ࿅श ‣ ؆୯ͳදΛ࡞੒ͯ͠Έ·͠ΐ͏ ݝ໊ ݝிॴࡏ஍ ໘ੵ ૯ਓޱ ౦ژ౎

    ౦ژ  LN   ਓ ઍ༿ݝ ઍ༿ࢢ  LN   ਓ ࡛ۄݝ ͍ͨ͞·ࢢ  LN   ਓ
  7. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ղ౴ྫ <table border="3" cellpadding="5"> <tr> <th>ݝ໊</th> <th>ݝிॴࡏ஍</th> <th>໘ੵ</th>

    <th>૯ਓޱ</th> </tr> <tr> <td>౦ژ౎</td> <td>౦ژ</td> <td>2,187.65km²</td> <td>13,044,818ਓ</td> </tr> <tr> <td>ઍ༿ݝ</td> <td>ઍ༿ࢢ</td> <td>5,156.60km²</td> <td>6,200,335ਓ</td> </tr> <tr> <td>࡛ۄݝ</td> <td>͍ͨ͞·ࢢ</td> <td>3,797.25km²</td> <td>7,189,176ਓ</td> </tr> </table>
  8. ·ͱΊ ‣ ͜Ε·Ͱग़͖ͯͨཁૉҰཡ ! ‣ )5.-ͷߏ଄IUNM IFBE CPEZ ‣ จॻͷ৘ใNFUB

    UJUMF ‣ ݟग़͠IʙI ‣ ஈམɺվߦQ CS ‣ ϋΠύʔϦϯΫB ‣ ΠϝʔδJNH ‣ ϦετVM PM MJ ‣ ςʔϒϧUBCMF UI US UE