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

Transcript

1. ܳज़৘ใԋशσβΠϯ
   XFC
   ୈճɿ)5.-ೖ໳
   
   ৘ใΛ੔ཧ͢Δ
   
   Ϧετɺςʔϒϧ ೥݄೔
   ౦ژ᥁ज़େֶ
   ܳज़৘ใηϯλʔ ".$
   ୲౰ɿాॴ३
2. ࠓ೔ͷ಺༰ ‣ ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δ
   ‣ ෳ਺ͷؔ࿈͢Δ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δʹ͸
   ! ‣ 
   ྻڍ͢ΔɿϦετ
   ‣ Օ৚ॻ͖
   
   VMཁૉɺMJཁૉ
   ‣ φϯόϦϯά
   
   PMཁૉɺMJཁૉ
   ‣ ༻ޠͱͦͷఆٛ
   
   EUཁૉɺEEཁૉ
   ! ‣ 
   දʹͯ͠੔ཧɿςʔϒϧ
   ‣ UBCMFཁૉɺUIཁૉɺUSཁૉɺUEཁૉ
3. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ϦετͷޮՌ
   ‣ Ϧετ
   
   Օ৚ॻ͖Ͱ৘ใΛදݱ͢Δखஈ
   ‣ ୹͍จࣈྔͰදݱ͍ͨ͠࿦ࢫΛత֬ʹΘ͔Γқ͘දݱͰ͖Δ
   ‣ ·ͨɺࢹ֮తʹ΋ಡΈ΍͍͢
4. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ࡾछྨͷϦετ
   ! ‣ ฒྻྻڍϦετ
   
   VMཁૉ
   ‣ ߲໨ͷॱ൪ʹ͸͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ
   ! ‣ ॱং෇͖Ϧετ
   
   PMཁૉ
   ‣ ߲໨ͷॱ൪͕ҙຯΛ࣋ͨͤͨΓɺ΋͘͠͸߲໨Λ͋ͱͰࢀ র͢ΔͨΊͷ൪߸Λ͚ͭΔ
   ! ‣ ఆٛܕϦετ
   
   EM
   ཁૉ
   ‣ ࣙॻͷΑ͏ʹ༻ޠͱͦͷఆ͔ٛΒߏ੒͞ΕΔ
5. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ฒྻྻڍϦετ
   VMཁૉ
   ͷྫ <ul> <li>υ͸υʔφοπͷυ</li> <li>Ϩ͸ϨϞϯͷϨ</li> <li>ϛ͸ΈΜͳͷϛ</li> <li>ϑΝ͸ϑΝΠτͷϑΝ</li> <li>ۭΛڼ͍Ͱ</li> <li>ϥϥϥϥϥ</li> <li>γ͸޾ͤΑ</li> </ul>
6. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ฒྻྻڍϦετ
   VMཁૉ
   ͷྫ
7. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ॱং෇͖Ϧετ
   PMཁૉ
   ͷྫ <ol> <li>ҰຊͰ΋ਓࢀ</li> <li>ೋ଍Ͱ΋αϯμϧ</li> <li>ࡾ㝴Ͱ΋Ϥοτ</li> <li>ཻ࢛Ͱ΋͝·Ԙ</li> <li>ޒ୆Ͱ΋ϩέοτ</li> <li>࿡ӋͰ΋ࣣ໘ௗ</li> <li>ࣣඖͰ΋๘</li> <li>ീ಄Ͱ΋Ϋδϥ</li> </ol>
8. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ॱং෇͖Ϧετ
   PMཁૉ
   ͷྫ
9. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
   
   Ϧετ ‣ ఆٛܕϦετͷྫ
   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>
10. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ఆٛܕϦετͷྫ
    EM
    EEཁૉ
11. ϦετͷೖΕࢠߏ଄ ‣ Ϧετ͸ෳ਺ͷϨϕϧΛ࣋ͭ͜ͱ͕Մೳ
    ‣ ϦετͷϨϕϧΛදݱ͢Δʹ͸ɺϦετͷ߲໨ͷதʹɺ৽ͨ ͳϦετ VMཁૉɺ·ͨ͸PMཁૉ ΛೖΕࢠঢ়ʹ͢Δ
    ‣ ଟॏߏ଄ͷϦετΛهड़͍ͯ͘͜͠ͱ͕Մೳ
12. ࣮ݧ ‣ େ͖ͳઆ໌߲໨
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏
    ! ‣ େ͖ͳઆ໌߲໨
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎
    ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏
    ‣ ͞Βʹ͜·͔ͳิ଍̍
    ‣ ͞Βʹ͜·͔ͳิ଍̎
    ‣ ͞Βʹ͜·͔ͳิ଍̏
13. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ଟॏߏ଄ͷϦετͷྫ <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>
14. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ଟॏߏ଄ͷϦετͷྫ
15. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ %SFBNXFBWFSͰ͸ɺ)5.-ͷϓϩύςΟʔͰ؆୯ʹϦετ ͕࡞੒Մೳ
16. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ෳ਺ͷଐੑͱͦͷαϯϓϧͷΑ͏ͳ࣍ݩͰදݱͰ͖Δ৘ใ
    ‣ ʮදʯͷܗࣜʹ·ͱΊΔͱཧղ͠΍͍͢
    ‣ &YFMͳͲͷදܭࢉιϑτ΍ɺσʔλϕʔεͳͲ͸ʮදʯͰ৘ ใΛ੔ཧ͍ͯ͠Δ
    ! ‣ දܗࣜͷσʔλͷྫ ଐੑ ଐੑ ଐੑ ଐੑ αϯϓϧ     αϯϓϧ     αϯϓϧ     αϯϓϧ    
17. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ )5.-Ͱ͸UBCMFཁૉͰදΛදݱ͢Δ
    ‣ UBCMFཁૉɺUSཁૉ
    5BCMF
    3PX ɺUEཁૉ
    5BCMF
    %BUB UBCMF
    ཁૉ US
    ཁૉ UE
    ཁૉ UE
    ཁૉ UE
    ཁૉ UE
    ཁૉ US
    ཁૉ UE
    ཁૉ UE
    ཁૉ UE
    ཁૉ UE
    ཁૉ
18. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ςʔϒϧ࡞੒ͷ࿅श
    ‣ ؆୯ͳදΛ࡞੒ͯ͠Έ·͠ΐ͏ ݝ໊ ݝிॴࡏ஍ ໘ੵ ૯ਓޱ ౦ژ౎ ౦ژ  LN   ਓ ઍ༿ݝ ઍ༿ࢢ  LN   ਓ ࡛ۄݝ ͍ͨ͞·ࢢ  LN   ਓ
19. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ղ౴ྫ <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>
20. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ %SFBNXFBWFSͰ͸ɺΑΓ؆қʹද͕࡞੒Մೳ
    ‣ ϝχϡʔ͔ΒʮςʔϒϧʯϘλϯΛબ୒͢Δ
21. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ࡞੒͢Δදʹؔ͢Δ༷ʑͳઃఆ͕Ͱ͖Δ
22. ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ઃఆͨ͠αΠζͰදʹඞཁͳཁૉ͕ࣗಈతʹੜ੒͞ΕΔ
    ‣ ͋ͱ͸߲໨ΛଧͪࠐΜͰ͍͚ͩ͘
23. ·ͱΊ ‣ ͜Ε·Ͱग़͖ͯͨཁૉҰཡ
    ! ‣ )5.-ͷߏ଄
    
    IUNM
    IFBE
    CPEZ
    ‣ จॻͷ৘ใ
    
    NFUB
    UJUMF
    ‣ ݟग़͠
    
    I
    ʙ
    I
    ‣ ஈམɺվߦ
    
    Q
    CS
    ‣ ϋΠύʔϦϯΫ
    
    B
    ‣ Πϝʔδ
    
    JNH
    ‣ Ϧετ
    
    VM
    PM
    MJ
    ‣ ςʔϒϧ
    
    UBCMF
    UI
    US
    UE
24. ࣮शͱ࣍ि·Ͱͷ՝୊ ‣ )5.-ͷओཁͷཁૉͷղઆ͸ɺͱΓ͋͑ͣҰஈམ
    ‣ ࣮ࡍʹ)5.-Ͱ8FCϖʔδΛ࡞੒ͯ͠ΈΔ
    ! ‣ ςʔϚʮࣗݾ঺հʯ
    ‣ ࣗ෼ͷઐ߈ɺ׆ಈ಺༰ɺڵຯɺ໨ඪ
    FUD
    ‣ ϖʔδ
    ! ‣ ͜Ε·ͰֶΜͩ)5.-ͷཁૉΛਖ਼͘͠࢖༻
    ‣ σβΠϯͰ͸ͳ͘ɺߏ଄ͷهड़Λ৺ֻ͚Δ
    ! ‣ ࣍ि·Ͱʹ࡞੒͖͍ͯͯͩ͘͠͞