HTML入門2 - ハイパーリンク、インラインイメージ、リスト

Transcript

1. ܳज़৘ใԋशσβΠϯ
   XFC
   ୈ̏ճɿ)5.-ೖ໳
   
   
   ϋΠύʔϦϯΫɺ ΠϝʔδɺϦετ ೥݄೔
   ౦ژ᥁ज़େֶ
   ܳज़৘ใηϯλʔ ".$
   ୲౰ɿాॴ३
2. ࠓ೔ͷ಺༰ ‣ ͻ͖͖ͭͮɺ)5.-ͷ༷ʑͳཁૉ λά ͷ໾ׂɺ࢖༻๏Λղ આ͠·͢
   ! ‣ ΞϯΧʔɺϋΠύʔϦϯΫ
   
   Bཁૉ
   ‣ ΠϯϥΠϯΠϝʔδ
   
   JNHཁૉ
   ‣ Ϧετ
   VMɺPMɺMJ
3. Bཁૉ
   
   ϋΠύʔϦϯΫɺΞϯΧʔ ‣ ϋΠύʔϦϯΫɺ)5.-ͷ࠷ॏཁػೳ
4. Bཁૉ
   
   ϋΠύʔϦϯΫɺΞϯΧʔ ‣ Bཁૉ͸ཁૉ಺ͷϦϯΫΛషΓ͍ͨൣғΛϚʔΫΞοϓ͢Δ
   ‣ ϦϯΫઌ͸։࢝λάʹ
   ISFGzʪ63-ʫz
   ͱ͍͏ଐੑͰࢦఆ
   ! ‣ ྫɿIUUQZPQQBPSH
   ϔͷϦϯΫΛ࡞੒͢Δ
   ‣ ৄ͘͠͸ాॴ३ͷϗʔϜϖʔδΛࢀর͍ͯͩ͘͠͞ɻ <p> ৄ͘͠͸<a href=”http://yoppa.org/”>ాॴ३ ͷϗʔϜϖʔδ</a>Λࢀর͍ͯͩ͘͠͞ɻ</p>
5. Bཁૉ
   
   ϋΠύʔϦϯΫɺΞϯΧʔ ‣ ࣮श
   ‣ ϦϯΫूΛ࡞੒ͯ͠ΈΔ
   ‣ %SFBNXFBWFSͰ͸ϦϯΫͷ63-࡞੒͸ʮϋΠύʔϦϯΫʯ ϘλϯͰ࡞੒
6. ը૾ΛషΓ͚ͭΔ
   r
   JNHཁૉ ‣ 888ʹࡌͤΒΕΔͷ͸ɺϋΠύʔςΩετ͚ͩͰͳ͍
   ‣ ը૾΍ಈըɺԻ੠ͳͲ
   ‣ ༷ʑͳϝσΟΞΛޮՌతʹ༻͍Δ͜ͱͰϖʔδΛັྗతʹ
7. ը૾ΛషΓ͚ͭΔ
   r
   JNHཁૉ ‣ ը૾Λ8FCϖʔδʹషΓ͚ͭΔʹ͸ɺJNHཁૉΛ࢖༻
   ‣ JNHཁૉ͸ը૾ͦͷ΋ͷͰ͸ͳ͘ɺ֎෦ͷը૾ϑΝΠϧͷҐ ஔ 63- Λࢦఆͯ͠ಡΈࠐΉ
   ‣ CSཁૉͱಉ༷ʹɺऴྃλάͷͳ͍಺༰Λ΋ͨͳ͍ۭཁૉͳͷ Ͱ຤ඌ͸ʮʯͰด͡Δ
   ‣ ը૾ϑΝΠϧͷ63-͸ɺઈରύε
   PS
   ૬ରύεͰ
   ޙड़
   ! ! ! ‣ BMUଐੑʹ͸ը૾Λઆ໌͢Δ಺༰ΛೖΕΔ
   ‣ ը૾͕ݟ͑ͳ͍ϒϥ΢β΍μ΢ϯϩʔυͰ͖ͳ͔ͬͨ࣌ͷͨ Ίʹ͔ͳΒͣೖΕΔ <img src="ը૾ϑΝΠϧͷURL" alt="ը૾ͷઆ໌" />
8. ը૾ΛషΓ͚ͭΔ
   r
   JNHཁૉ ‣ ૬ର63-ͱઈର63-
   ‣ TSDଐੑʹ͸ը૾ϑΝΠϧͷ৔ॴ 63- Λࢦఆ͠·͢ɻ
   ‣ ྫ͑͹ɺZPQQBPSH
   ͷτοϓͷը૾
   ! ! ! ! ‣ ը૾ͷ63-͸ɺIUUQZPQQBPSHXQDPOUFOUVQMPBET GFUVSFE@JNHKQH
   ! ! ! ‣ ͜Ε͸ʮઈରύεʯ <img src="http://yoppa.org/wp-content/uploads/2010/09/ fetured_img2.jpg" alt="yoppa.orgτοϓը૾" />
9. ը૾ΛషΓ͚ͭΔ
   r
   JNHཁૉ ‣ ૬ରύε
   
   )5.-ϑΝΠϧ͔Βͷ৔ॴΛࢦఆ͢Δ
   ‣ ྫ͑͹ɺԼهͷΑ͏ͳϑΝΠϧߏ଄ͷ৔߹
   ‣ εϥογϡʮʯ͕ϑΥϧμͷ֊૚ߏ଄Λදݱ͍ͯ͠Δ
10. ը૾ΛషΓ͚ͭΔ
    r
    JNHཁૉ ‣ ૬ରύε
    
    ΋͏গ͠ෳࡶͳྫ
    ‣ ʮʯ͸ࣗ෼ͷϑΝΠϧ͔ΒΈͯͻͱ্ͭͷ֊૚Λදݱ
    ‣ ྫ͑͹্ͭͷ֊૚͸ʮʯ্ͭͷ֊૚͸ʮʯ
11. ը૾ΛషΓ͚ͭΔ
    r
    JNHཁૉ ‣ %SFBNXFBWFSͰΠϯϥΠϯΠϝʔδΛ௥Ճ͢Δʹ͸
    ‣ ૠೖ
    
    Πϝʔδ
    Λબ୒
    ‣ ը૾ͷ৔ॴΛࢦఆ͢Δ
12. ը૾ΛషΓ͚ͭΔ
    r
    JNHཁૉ ‣ ୅ସςΩετ΋ඞͣࢦఆ
    ! ! ! ! ! ! ! ! ! ‣ ը૾ͷϓϩύςΟͰαΠζΛޙ͔Βௐ੔Մೳ
13. ը૾ΛషΓ͚ͭΔ
    r
    JNHཁૉ ‣ ܞଳి࿩Ͱࣗ෼ͷࣸਅ ΋͘͠͸ͳʹ͔ࣗ෼ͷ΋ͷ ΛࡱӨ
    ‣ ϝʔϧͰૹ෇
    ‣ ը૾Λϖʔδʹ௥Ճͯ͠ΈΔ
14. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ϦετͷޮՌ
    ‣ Ϧετ
    
    Օ৚ॻ͖Ͱ৘ใΛදݱ͢Δखஈ
    ‣ ୹͍จࣈྔͰදݱ͍ͨ͠࿦ࢫΛత֬ʹΘ͔Γқ͘දݱͰ͖Δ
    ‣ ·ͨɺࢹ֮తʹ΋ಡΈ΍͍͢
15. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ࡾछྨͷϦετ
    ! ‣ ฒྻྻڍϦετ
    
    VMཁૉ
    ‣ ߲໨ͷॱ൪ʹ͸͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ
    ! ‣ ॱং෇͖Ϧετ
    
    PMཁૉ
    ‣ ߲໨ͷॱ൪͕ҙຯΛ࣋ͨͤͨΓɺ΋͘͠͸߲໨Λ͋ͱͰࢀ র͢ΔͨΊͷ൪߸Λ͚ͭΔ
    ! ‣ ఆٛܕϦετ
    
    EM
    ཁૉ
    ‣ ࣙॻͷΑ͏ʹ༻ޠͱͦͷఆ͔ٛΒߏ੒͞ΕΔ
16. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ฒྻྻڍϦετ
    VMཁૉ
    ͷྫ <ul> <li>υ͸υʔφοπͷυ</li> <li>Ϩ͸ϨϞϯͷϨ</li> <li>ϛ͸ΈΜͳͷϛ</li> <li>ϑΝ͸ϑΝΠτͷϑΝ</li> <li>ۭΛڼ͍Ͱ</li> <li>ϥϥϥϥϥ</li> <li>γ͸޾ͤΑ</li> </ul>
17. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ॱং෇͖Ϧετ
    PMཁૉ
    ͷྫ <ol> <li>ҰຊͰ΋ਓࢀ</li> <li>ೋ଍Ͱ΋αϯμϧ</li> <li>ࡾ㝴Ͱ΋Ϥοτ</li> <li>ཻ࢛Ͱ΋͝·Ԙ</li> <li>ޒ୆Ͱ΋ϩέοτ</li> <li>࿡ӋͰ΋ࣣ໘ௗ</li> <li>ࣣඖͰ΋๘</li> <li>ീ಄Ͱ΋Ϋδϥ</li> </ol>
18. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ ఆٛܕϦετͷྫ
    EM
    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>
19. ৘ใΛՕ৚ॻ͖Ͱ੔ཧ
    
    Ϧετ ‣ %SFBNXFBWFSͰ͸ɺ)5.-ͷϓϩύςΟʔͰ؆୯ʹϦετ ͕࡞੒Մೳ
20. ·ͱΊ ‣ ຊ೔͸͜͜·Ͱ
    ‣ ͜Ε·Ͱग़͖ͯͨॏཁͳཁૉ
    ! ‣ )5.-ͷߏ଄
    
    IUNM
    IFBE
    CPEZ
    ‣ จॻͷ৘ใ
    
    NFUB
    UJUMF
    ‣ ݟग़͠
    
    I
    ʙ
    I
    ‣ ஈམɺվߦ
    
    Q
    CS
    ‣ ϋΠύʔϦϯΫ
    
    B
    ‣ Πϝʔδ
    
    JNH
    ‣ Ϧετ
    
    VM
    PM
    MJ
    ! ‣ ͔ͬ͠Γཧղ͠·͠ΐ͏