Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML入門 3 情報を整理する - リスト、テーブル
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Atsushi Tadokoro
May 01, 2014
Technology
620
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
HTML入門 3 情報を整理する - リスト、テーブル
Atsushi Tadokoro
May 01, 2014
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.8k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
460
Processing.jsによるデータの可視化と生成的表現
tado
1
1.9k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
380
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.4k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
720
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Other Decks in Technology
See All in Technology
AI と創る新たな世界 / A New World Created with AI
ks91
PRO
0
110
そのPoC、何を検証したつもりでしたか? AIプロダクトの価値検証で陥った落とし穴
techtekt
PRO
0
150
Platform Engineering as a Product: Criteria for Improvement and Multi-Tenant Design
kumorn5s
0
510
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
2.8k
もりもり新機能を一挙紹介! AgentCoreに入門して、AWS上にAIエージェントを構築しよう
minorun365
PRO
6
820
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
syuchimu
0
190
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
mtx2s
4
1.2k
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development with AI-DLC
yoshidashingo
0
140
AIガバナンス実践 - 生成AIコネクタのデータ漏洩リスクと実務対策
knishioka
0
190
ポケモンの型をTypeScriptの型システムで表現してみた
subroh0508
0
330
Rancherの紹介&Update情報(RancherJP Online Meetup #09)
yoshiyuki_kono
0
110
DevOps Agentで始めるAWS運用 〜フロンティアエージェントが変える運用の現場〜
nyankotaro
1
250
Featured
See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
380
Utilizing Notion as your number one productivity tool
mfonobong
4
310
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
Skip the Path - Find Your Career Trail
mkilby
1
140
Mobile First: as difficult as doing things right
swwweet
225
10k
So, you think you're a good person
axbom
PRO
2
2.1k
Ethics towards AI in product and experience design
skipperchong
2
300
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Typedesign – Prime Four
hannesfritz
42
3.1k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
830
Transcript
ใฤू 8FC ୈճɿ)5.-ೖใΛཧ͢Δ Ϧετɺςʔϒϧ ݄ ౦ژज़େֶܳज़ใηϯλʔ ".$ ୲ɿాॴ३
ࠓͷ༰ ‣ )5.-ʹؔ͢ΔجຊΛɺࠓͰҰ௨Γऴ͍͑ͨ ‣ αϯϓϧΛࢀর͠ͳ͕ΒਐΊ͍͖ͯ·͢
αϯϓϧϑΝΠϧ ‣ Լهͷ63-͔ΒϑΝΠϧΛμϯϩʔυ http://goo.gl/edICWe
αϯϓϧϑΝΠϧ ‣ ;JQΛల։͠ɺதʹ͋ΔʮJOEFYIUNMʯΛ։͘ ‣ )5.-ͷ·ͱΊϖʔδ
αϯϓϧϑΝΠϧ ‣ 4VCMJNF5FYUͰಉ͡ʮJOEFYIUNMʯΛ։͍ͯιʔεΛࢀর ‣ ·ͣɺ͜ͷ༰Λղઆ͠·͢
ใΛཧ͢Δཁૉ ‣ ใΛΘ͔Γ͘͢ཧ͢Δ ‣ ෳͷؔ࿈͢ΔใΛΘ͔Γ͘͢ཧ͢Δʹ ! ‣ ྻڍ͢ΔɿϦετ ‣
Օॻ͖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>
ใΛՕॻ͖ͰཧϦετ ‣ ଟॏߏͷϦετͷྫ
ςʔϒϧʹΑΔใͷදݱ ‣ ෳͷଐੑͱͦͷαϯϓϧͷΑ͏ͳ࣍ݩͰදݱͰ͖Δใ ‣ ʮදʯͷܗࣜʹ·ͱΊΔͱཧղ͍͢͠ ‣ &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>
·ͱΊ ‣ ͜Ε·Ͱग़͖ͯͨཁૉҰཡ ! ‣ )5.-ͷߏIUNM IFBE CPEZ ‣ จॻͷใNFUB
UJUMF ‣ ݟग़͠IʙI ‣ ஈམɺվߦQ CS ‣ ϋΠύʔϦϯΫB ‣ ΠϝʔδJNH ‣ ϦετVM PM MJ ‣ ςʔϒϧUBCMF UI US UE