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

ܳज़৘ใԋशσβΠϯ XFC ୈճɿ)5.-ೖ໳৘ใΛ੔ཧ͢Δ Ϧετɺςʔϒϧ ೥݄೔ ౦ژ᥁ज़େֶܳज़৘ใηϯλʔ ".$ ୲౰ɿాॴ३

ࠓ೔ͷ಺༰ ‣ ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δ ‣ ෳ਺ͷؔ࿈͢Δ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δʹ͸ ! ‣ ྻڍ͢ΔɿϦετ ‣
Օ৚ॻ͖VMཁૉɺMJཁૉ ‣ φϯόϦϯάPMཁૉɺMJཁૉ ‣ ༻ޠͱͦͷఆٛEUཁૉɺEEཁૉ ! ‣ දʹͯ͠੔ཧɿςʔϒϧ ‣ UBCMFཁૉɺUIཁૉɺUSཁૉɺUEཁૉ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ϦετͷޮՌ ‣ ϦετՕ৚ॻ͖Ͱ৘ใΛදݱ͢Δखஈ ‣ ୹͍จࣈྔͰදݱ͍ͨ͠࿦ࢫΛత֬ʹΘ͔Γқ͘දݱͰ͖Δ ‣ ·ͨɺࢹ֮తʹ΋ಡΈ΍͍͢

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ࡾछྨͷϦετ ! ‣ ฒྻྻڍϦετVMཁૉ ‣ ߲໨ͷॱ൪ʹ͸͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ !
‣ ॱং෇͖ϦετPMཁૉ ‣ ߲໨ͷॱ൪͕ҙຯΛ࣋ͨͤͨΓɺ΋͘͠͸߲໨Λ͋ͱͰࢀ র͢ΔͨΊͷ൪߸Λ͚ͭΔ ! ‣ ఆٛܕϦετEMཁૉ ‣ ࣙॻͷΑ͏ʹ༻ޠͱͦͷఆ͔ٛΒߏ੒͞ΕΔ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ฒྻྻڍϦετ VMཁૉ ͷྫ <ul> <li>υ͸υʔφοπͷυ</li> <li>Ϩ͸ϨϞϯͷϨ</li> <li>ϛ͸ΈΜͳͷϛ</li> <li>ϑΝ͸ϑΝΠτͷϑΝ</li>
<li>ۭΛڼ͍Ͱ</li> <li>ϥϥϥϥϥ</li> <li>γ͸޾ͤΑ</li> </ul>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ฒྻྻڍϦετ VMཁૉ ͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ॱং෇͖Ϧετ PMཁૉ ͷྫ <ol> <li>ҰຊͰ΋ਓࢀ</li> <li>ೋ଍Ͱ΋αϯμϧ</li> <li>ࡾ㝴Ͱ΋Ϥοτ</li> <li>ཻ࢛Ͱ΋͝·Ԙ</li>
<li>ޒ୆Ͱ΋ϩέοτ</li> <li>࿡ӋͰ΋ࣣ໘ௗ</li> <li>ࣣඖͰ΋๘</li> <li>ീ಄Ͱ΋Ϋδϥ</li> </ol>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ॱং෇͖Ϧετ PMཁૉ ͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ఆٛܕϦετͷྫ 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>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ఆٛܕϦετͷྫ EM EEཁૉ

ϦετͷೖΕࢠߏ଄ ‣ Ϧετ͸ෳ਺ͷϨϕϧΛ࣋ͭ͜ͱ͕Մೳ ‣ ϦετͷϨϕϧΛදݱ͢Δʹ͸ɺϦετͷ߲໨ͷதʹɺ৽ͨ ͳϦετ VMཁૉɺ·ͨ͸PMཁૉ ΛೖΕࢠঢ়ʹ͢Δ ‣ ଟॏߏ଄ͷϦετΛهड़͍ͯ͘͜͠ͱ͕Մೳ

࣮ݧ ‣ େ͖ͳઆ໌߲໨ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏ !
‣ େ͖ͳઆ໌߲໨ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏ ‣ ͞Βʹ͜·͔ͳิ଍̍ ‣ ͞Βʹ͜·͔ͳิ଍̎ ‣ ͞Βʹ͜·͔ͳิ଍̏

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ଟॏߏ଄ͷϦετͷྫ <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>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ଟॏߏ଄ͷϦετͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ %SFBNXFBWFSͰ͸ɺ)5.-ͷϓϩύςΟʔͰ؆୯ʹϦετ ͕࡞੒Մೳ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ෳ਺ͷଐੑͱͦͷαϯϓϧͷΑ͏ͳ࣍ݩͰදݱͰ͖Δ৘ใ ‣ ʮදʯͷܗࣜʹ·ͱΊΔͱཧղ͠΍͍͢ ‣ &YFMͳͲͷදܭࢉιϑτ΍ɺσʔλϕʔεͳͲ͸ʮදʯͰ৘ ใΛ੔ཧ͍ͯ͠Δ ! ‣
දܗࣜͷσʔλͷྫ ଐੑ ଐੑ ଐੑ ଐੑ αϯϓϧ αϯϓϧ αϯϓϧ αϯϓϧ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ )5.-Ͱ͸UBCMFཁૉͰදΛදݱ͢Δ ‣ UBCMFཁૉɺUSཁૉ 5BCMF3PX ɺUEཁૉ 5BCMF%BUB UBCMFཁૉ USཁૉ
UEཁૉ UEཁૉ UEཁૉ UEཁૉ USཁૉ UEཁૉ UEཁૉ UEཁૉ UEཁૉ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ςʔϒϧ࡞੒ͷ࿅श ‣ ؆୯ͳදΛ࡞੒ͯ͠Έ·͠ΐ͏ ݝ໊ ݝிॴࡏ஍ ໘ੵ ૯ਓޱ ౦ژ౎
౦ژ LN ਓ ઍ༿ݝ ઍ༿ࢢ LN ਓ ࡛ۄݝ ͍ͨ͞·ࢢ LN ਓ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ղ౴ྫ <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>

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ %SFBNXFBWFSͰ͸ɺΑΓ؆қʹද͕࡞੒Մೳ ‣ ϝχϡʔ͔ΒʮςʔϒϧʯϘλϯΛબ୒͢Δ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ࡞੒͢Δදʹؔ͢Δ༷ʑͳઃఆ͕Ͱ͖Δ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ઃఆͨ͠αΠζͰදʹඞཁͳཁૉ͕ࣗಈతʹੜ੒͞ΕΔ ‣ ͋ͱ͸߲໨ΛଧͪࠐΜͰ͍͚ͩ͘

·ͱΊ ‣ ͜Ε·Ͱग़͖ͯͨཁૉҰཡ ! ‣ )5.-ͷߏ଄IUNM IFBE CPEZ ‣ จॻͷ৘ใNFUB
UJUMF ‣ ݟग़͠IʙI ‣ ஈམɺվߦQ CS ‣ ϋΠύʔϦϯΫB ‣ ΠϝʔδJNH ‣ ϦετVM PM MJ ‣ ςʔϒϧUBCMF UI US UE

࣮शͱ࣍ि·Ͱͷ՝୊ ‣ )5.-ͷओཁͷཁૉͷղઆ͸ɺͱΓ͋͑ͣҰஈམ ‣ ࣮ࡍʹ)5.-Ͱ8FCϖʔδΛ࡞੒ͯ͠ΈΔ ! ‣ ςʔϚʮࣗݾ঺հʯ ‣ ࣗ෼ͷઐ߈ɺ׆ಈ಺༰ɺڵຯɺ໨ඪFUD
‣ ϖʔδ ! ‣ ͜Ε·ͰֶΜͩ)5.-ͷཁૉΛਖ਼͘͠࢖༻ ‣ σβΠϯͰ͸ͳ͘ɺߏ଄ͷهड़Λ৺ֻ͚Δ ! ‣ ࣍ि·Ͱʹ࡞੒͖͍ͯͯͩ͘͠͞

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

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

Atsushi Tadokoro

More Decks by Atsushi Tadokoro

Other Decks in Technology

Featured

Transcript

ܳज़৘ใԋशσβΠϯ XFC ୈճɿ)5.-ೖ໳৘ใΛ੔ཧ͢Δ Ϧετɺςʔϒϧ ೥݄೔ ౦ژ᥁ज़େֶܳज़৘ใηϯλʔ ".$ ୲౰ɿాॴ३

ࠓ೔ͷ಺༰ ‣ ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δ ‣ ෳ਺ͷؔ࿈͢Δ৘ใΛΘ͔Γ΍͘͢੔ཧ͢Δʹ͸ ! ‣ ྻڍ͢ΔɿϦετ ‣

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ϦετͷޮՌ ‣ ϦετՕ৚ॻ͖Ͱ৘ใΛදݱ͢Δखஈ ‣ ୹͍จࣈྔͰදݱ͍ͨ͠࿦ࢫΛత֬ʹΘ͔Γқ͘දݱͰ͖Δ ‣ ·ͨɺࢹ֮తʹ΋ಡΈ΍͍͢

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ࡾछྨͷϦετ ! ‣ ฒྻྻڍϦετVMཁૉ ‣ ߲໨ͷॱ൪ʹ͸͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ !

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ฒྻྻڍϦετ VMཁૉ ͷྫ <ul> <li>υ͸υʔφοπͷυ</li> <li>Ϩ͸ϨϞϯͷϨ</li> <li>ϛ͸ΈΜͳͷϛ</li> <li>ϑΝ͸ϑΝΠτͷϑΝ</li>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ฒྻྻڍϦετ VMཁૉ ͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ॱং෇͖Ϧετ PMཁૉ ͷྫ <ol> <li>ҰຊͰ΋ਓࢀ</li> <li>ೋ଍Ͱ΋αϯμϧ</li> <li>ࡾ㝴Ͱ΋Ϥοτ</li> <li>ཻ࢛Ͱ΋͝·Ԙ</li>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ॱং෇͖Ϧετ PMཁૉ ͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ఆٛܕϦετͷྫ EM EU EEཁૉ <dl> <dt>HTML</dt> <dd>Hyper Text

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ఆٛܕϦετͷྫ EM EEཁૉ

ϦετͷೖΕࢠߏ଄ ‣ Ϧετ͸ෳ਺ͷϨϕϧΛ࣋ͭ͜ͱ͕Մೳ ‣ ϦετͷϨϕϧΛදݱ͢Δʹ͸ɺϦετͷ߲໨ͷதʹɺ৽ͨ ͳϦετ VMཁૉɺ·ͨ͸PMཁૉ ΛೖΕࢠঢ়ʹ͢Δ ‣ ଟॏߏ଄ͷϦετΛهड़͍ͯ͘͜͠ͱ͕Մೳ

࣮ݧ ‣ େ͖ͳઆ໌߲໨ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̍ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̎ ‣ ͏͑ͷ߲໨Λิ଍͢Δ಺༰̏ !

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ଟॏߏ଄ͷϦετͷྫ <ul> <li>Ϧετ̍ <ul> <li>Ϧετ1.1</li> <li>Ϧετ1.2</li> <li>Ϧετ1.3</li> </ul>

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ ଟॏߏ଄ͷϦετͷྫ

৘ใΛՕ৚ॻ͖Ͱ੔ཧϦετ ‣ %SFBNXFBWFSͰ͸ɺ)5.-ͷϓϩύςΟʔͰ؆୯ʹϦετ ͕࡞੒Մೳ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ෳ਺ͷଐੑͱͦͷαϯϓϧͷΑ͏ͳ࣍ݩͰදݱͰ͖Δ৘ใ ‣ ʮදʯͷܗࣜʹ·ͱΊΔͱཧղ͠΍͍͢ ‣ &YFMͳͲͷදܭࢉιϑτ΍ɺσʔλϕʔεͳͲ͸ʮදʯͰ৘ ใΛ੔ཧ͍ͯ͠Δ ! ‣

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ )5.-Ͱ͸UBCMFཁૉͰදΛදݱ͢Δ ‣ UBCMFཁૉɺUSཁૉ 5BCMF3PX ɺUEཁૉ 5BCMF%BUB UBCMFཁૉ USཁૉ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ςʔϒϧ࡞੒ͷ࿅श ‣ ؆୯ͳදΛ࡞੒ͯ͠Έ·͠ΐ͏ ݝ໊ ݝிॴࡏ஍ ໘ੵ ૯ਓޱ ౦ژ౎

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ղ౴ྫ <table border="3" cellpadding="5"> <tr> <th>ݝ໊</th> <th>ݝிॴࡏ஍</th> <th>໘ੵ</th>

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ %SFBNXFBWFSͰ͸ɺΑΓ؆қʹද͕࡞੒Մೳ ‣ ϝχϡʔ͔ΒʮςʔϒϧʯϘλϯΛબ୒͢Δ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ࡞੒͢Δදʹؔ͢Δ༷ʑͳઃఆ͕Ͱ͖Δ

ςʔϒϧʹΑΔ৘ใͷදݱ ‣ ઃఆͨ͠αΠζͰදʹඞཁͳཁૉ͕ࣗಈతʹੜ੒͞ΕΔ ‣ ͋ͱ͸߲໨ΛଧͪࠐΜͰ͍͚ͩ͘

·ͱΊ ‣ ͜Ε·Ͱग़͖ͯͨཁૉҰཡ ! ‣ )5.-ͷߏ଄IUNM IFBE CPEZ ‣ จॻͷ৘ใNFUB

࣮शͱ࣍ि·Ͱͷ՝୊ ‣ )5.-ͷओཁͷཁૉͷղઆ͸ɺͱΓ͋͑ͣҰஈམ ‣ ࣮ࡍʹ)5.-Ͱ8FCϖʔδΛ࡞੒ͯ͠ΈΔ ! ‣ ςʔϚʮࣗݾ঺հʯ ‣ ࣗ෼ͷઐ߈ɺ׆ಈ಺༰ɺڵຯɺ໨ඪFUD