CodePen: Project

スライド内のHTMLの雛形
https://codepen.io/mathatelle/pen/BajvJJP

1. ෳ਺ϖʔδͷ΢ΣϒαΠ τ
2. IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ৘ใྔͷ
   ଟ͍΢ΣϒαΠτ͸
   ෳ਺ϖʔδ͔Β
   ߏ੒͞ΕΔ
3. JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM τοϓϖʔδͷϑΝΠϧ໊͸
   JOEFYͱදه͢Δɻ֦ுࢠ͸IUNMɻ ͦͷଞͷϑΝΠϧ໊͸೚ҙɻ
   ը૾ͱಉ༷ɺݪଇͱͯ͠൒֯ӳ਺ͷখจࣈΛ༻͍Δɻ ϦϯΫ ϦϯΫ ϦϯΫ
4. JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM TUZMFDTT ελΠϦϯά͸
   ͭͷϑΝΠϧʹ·ͱΊͯ
   ઃఆ͓ͯ͘͠ɻ ˞֓೦ਤ͚ͩݟ͍ͯͯ΋Θ͔Γʹ͍͘ͷͰ$PEF1FOͰ΍ͬͯΈΑ͏
5. ͜Ε ͜ͷΑ͏ͳߏ੒ͷ΢ΣϒαΠτΛ੍࡞͢ΔͨΊʹ͸
   $PEF1FO
   ʹ͓͍ͯ͸
   1SPKFDU
   ͱ͍͏ػೳΛ༻͍Δɻ ˞$PEF1FO
   ͷ
   1FO
   Ͱ͸୯Ұͷϖʔδ͔͠࡞Εͳ͍ɻ
6. ࠷ॳͷखॱɿϖʔδΛ࡞Δ ϑΝΠϧ໊Λೖྗ /FX
   'JMFΛΫϦοΫ ΤσΟλʹίʔυΛೖྗ͍ͯ͘͠
7. ΤσΟλʹҎԼͷ)5.-Λίϐϖ͠Α͏ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html> IUUQTDPEFQFOJPNBUIBUFMMFQFO#BKW++1 Λ։͍ͯίϐʔ͠Α͏
8. ຊ౰ͷ)5.-͸͜ͷΑ͏ͳߏ੒ʹͳ͍ͬͯΔ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Θͨ͠ͷϙʔτϑΥϦΦ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Θͨ͠ͷϙʔτϑΥϦΦ<h1> <p><a href="page1.html">࡞඼ͷ঺հ</a></p> </body> </html> $PEF1FOͷʮ1FOʯͰ͸ɺ
   ͜ͷ෦෼͚ͩΛೖྗ͢Ε͹ɺ΄͔ͷ෦෼͸ิ׬ͯ͘͠Ε͍ͯͨͷͩͬͨɻ
9. )5.-ͷߏ଄ͱͦΕͧΕͷҙຯ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Θͨ͠ͷϙʔτϑΥϦΦ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Θͨ͠ͷϙʔτϑΥϦΦ<h1> <p><a href="page1.html">࡞඼ͷ঺հ</a></p> </body> </html> UJUMFλά͸ϖʔδ಺ʹ͸දࣔ͞Εͳ͍ɻϒϥ΢βͷλϒ΍(PPHMFͷݕࡧ݁Ռʹදࣔ͞ΕΔɻ จॻએݴɻʮ͜ͷจॻ͸)5.-ʢͷόʔδϣϯʣͰ͢ʯͱએݴ͍ͯ͠Δɻ )5.-ͷ಺༰ɻMBOHଐੑ͸͜ͷϖʔδͷݴޠͰKB͸೔ຊޠΛҙຯ͢Δɻ จࣈίʔυͱͯ͠65'Λ࢖༻ɻ දࣔઃఆɻ ϖʔδʹ
   දࣔ͞Εͳ͍
   ཁૉ ϖʔδʹ
   දࣔ͞ΕΔ
   ཁૉ
10. ࡉ͔͍ͱ͜Ζ͸͏Ζ֮͑Ͱྑ͍ɻίϐϖͯ͠࢖͓͏ɻ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html>