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入門2 - ハイパーリンク、インラインイメージ、リスト
Search
Atsushi Tadokoro
April 25, 2014
Technology
0
660
HTML入門2 - ハイパーリンク、インラインイメージ、リスト
Atsushi Tadokoro
April 25, 2014
Tweet
Share
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.6k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
410
Processing.jsによるデータの可視化と生成的表現
tado
1
1.6k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
330
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.2k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.4k
TumblrでWebサイトを作成
tado
0
680
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2k
Other Decks in Technology
See All in Technology
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
140
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
630
小さな開発会社がWebサービスを作る理由
polidog
PRO
1
160
自動生成を活用した、運用保守コストを抑える Error/Alert/Runbook の一元集約管理 / Centralized management of Error/Alert/Runbook to minimize operational costs using automated code generation
biwashi
10
2.2k
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
550
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
オブザーバビリティの Primary Signals
onk
PRO
0
550
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
1
380
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
疲弊しない!AWSセキュリティ統制の考え方 #devio_osakaday1
masahirokawahara
6
5.9k
エンタープライズ環境下での Active Directory の運用 TIPS
tamaiyutaro
1
1.6k
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
62
18k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
10
4.5k
A better future with KSS
kneath
231
16k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Designing Experiences People Love
moore
136
23k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Atom: Resistance is Futile
akmur
258
25k
The Language of Interfaces
destraynor
151
23k
A Modern Web Designer's Workflow
chriscoyier
688
190k
GitHub's CSS Performance
jonrohan
1023
450k
For a Future-Friendly Web
brad_frost
171
8.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Transcript
ใฤू XFC ୈ̏ճɿ)5.-ೖϋΠύʔϦϯΫɺ ΠϝʔδɺϦετ ݄ ౦ژज़େֶܳज़ใηϯλʔ ".$ ୲ɿాॴ३
ࠓͷ༰ ‣ ͻ͖͖ͭͮɺ)5.-ͷ༷ʑͳཁૉ λά ͷׂɺ༻๏Λղ આ͠·͢ ! ‣ ΞϯΧʔɺϋΠύʔϦϯΫBཁૉ ‣
ΠϯϥΠϯΠϝʔδJNHཁૉ ‣ Ϧετ VMɺPMɺMJ
BཁૉϋΠύʔϦϯΫɺΞϯΧʔ ‣ ϋΠύʔϦϯΫɺ)5.-ͷ࠷ॏཁػೳ
BཁૉϋΠύʔϦϯΫɺΞϯΧʔ ‣ BཁૉཁૉͷϦϯΫΛషΓ͍ͨൣғΛϚʔΫΞοϓ͢Δ ‣ ϦϯΫઌ։࢝λάʹISFGzʪ63-ʫzͱ͍͏ଐੑͰࢦఆ ! ‣ ྫɿIUUQZPQQBPSHϔͷϦϯΫΛ࡞͢Δ ‣ ৄ͘͠ాॴ३ͷϗʔϜϖʔδΛࢀর͍ͯͩ͘͠͞ɻ
<p> ৄ͘͠<a href=”http://yoppa.org/”>ాॴ३ ͷϗʔϜϖʔδ</a>Λࢀর͍ͯͩ͘͠͞ɻ</p>
BཁૉϋΠύʔϦϯΫɺΞϯΧʔ ‣ ࣮श ‣ ϦϯΫूΛ࡞ͯ͠ΈΔ ‣ %SFBNXFBWFSͰϦϯΫͷ63-࡞ʮϋΠύʔϦϯΫʯ ϘλϯͰ࡞
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ 888ʹࡌͤΒΕΔͷɺϋΠύʔςΩετ͚ͩͰͳ͍ ‣ ը૾ಈըɺԻͳͲ ‣ ༷ʑͳϝσΟΞΛޮՌతʹ༻͍Δ͜ͱͰϖʔδΛັྗతʹ
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ը૾Λ8FCϖʔδʹషΓ͚ͭΔʹɺJNHཁૉΛ༻ ‣ JNHཁૉը૾ͦͷͷͰͳ͘ɺ֎෦ͷը૾ϑΝΠϧͷҐ ஔ 63- Λࢦఆͯ͠ಡΈࠐΉ ‣ CSཁૉͱಉ༷ʹɺऴྃλάͷͳ͍༰Λͨͳ͍ۭཁૉͳͷ
ͰඌʮʯͰด͡Δ ‣ ը૾ϑΝΠϧͷ63-ɺઈରύεPS૬ରύεͰ ޙड़ ! ! ! ‣ BMUଐੑʹը૾Λઆ໌͢Δ༰ΛೖΕΔ ‣ ը૾͕ݟ͑ͳ͍ϒϥβμϯϩʔυͰ͖ͳ͔ͬͨ࣌ͷͨ Ίʹ͔ͳΒͣೖΕΔ <img src="ը૾ϑΝΠϧͷURL" alt="ը૾ͷઆ໌" />
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ૬ର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τοϓը૾" />
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ૬ରύε)5.-ϑΝΠϧ͔ΒͷॴΛࢦఆ͢Δ ‣ ྫ͑ɺԼهͷΑ͏ͳϑΝΠϧߏͷ߹ ‣ εϥογϡʮʯ͕ϑΥϧμͷ֊ߏΛදݱ͍ͯ͠Δ
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ૬ରύε͏গ͠ෳࡶͳྫ ‣ ʮʯࣗͷϑΝΠϧ͔ΒΈͯͻͱ্ͭͷ֊Λදݱ ‣ ྫ্͑ͭͷ֊ʮʯ্ͭͷ֊ʮʯ
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ %SFBNXFBWFSͰΠϯϥΠϯΠϝʔδΛՃ͢Δʹ ‣ ૠೖΠϝʔδΛબ ‣ ը૾ͷॴΛࢦఆ͢Δ
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ସςΩετඞͣࢦఆ ! ! ! ! ! ! !
! ! ‣ ը૾ͷϓϩύςΟͰαΠζΛޙ͔ΒௐՄೳ
ը૾ΛషΓ͚ͭΔrJNHཁૉ ‣ ܞଳిͰࣗͷࣸਅ ͘͠ͳʹ͔ࣗͷͷ ΛࡱӨ ‣ ϝʔϧͰૹ ‣ ը૾ΛϖʔδʹՃͯ͠ΈΔ
ใΛՕॻ͖ͰཧϦετ ‣ ϦετͷޮՌ ‣ ϦετՕॻ͖ͰใΛදݱ͢Δखஈ ‣ ͍จࣈྔͰදݱ͍ͨ͠ࢫΛత֬ʹΘ͔Γқ͘දݱͰ͖Δ ‣ ·ͨɺࢹ֮తʹಡΈ͍͢
ใΛՕॻ͖ͰཧϦετ ‣ ࡾछྨͷϦετ ! ‣ ฒྻྻڍϦετVMཁૉ ‣ ߲ͷॱ൪ʹ͋·Γେ͖ͳҙຯΛ࣋ͨͣɺฒྻతʹྻڍ ͢Δ !
‣ ॱং͖ϦετPMཁૉ ‣ ߲ͷॱ൪͕ҙຯΛ࣋ͨͤͨΓɺ߲͘͠Λ͋ͱͰࢀ র͢ΔͨΊͷ൪߸Λ͚ͭΔ ! ‣ ఆٛܕϦετEMཁૉ ‣ ࣙॻͷΑ͏ʹ༻ޠͱͦͷఆ͔ٛΒߏ͞ΕΔ
ใΛՕॻ͖ͰཧϦετ ‣ ฒྻྻڍϦετ VMཁૉ ͷྫ <ul> <li>υυʔφοπͷυ</li> <li>ϨϨϞϯͷϨ</li> <li>ϛΈΜͳͷϛ</li> <li>ϑΝϑΝΠτͷϑΝ</li>
<li>ۭΛڼ͍Ͱ</li> <li>ϥϥϥϥϥ</li> <li>γͤΑ</li> </ul>
ใΛՕॻ͖ͰཧϦετ ‣ ॱং͖Ϧετ PMཁૉ ͷྫ <ol> <li>ҰຊͰਓࢀ</li> <li>ೋͰαϯμϧ</li> <li>ࡾ㝴ͰϤοτ</li> <li>ཻ࢛Ͱ͝·Ԙ</li>
<li>ޒͰϩέοτ</li> <li>ӋͰࣣ໘ௗ</li> <li>ࣣඖͰ๘</li> <li>ീ಄ͰΫδϥ</li> </ol>
ใΛՕॻ͖ͰཧϦετ ‣ ఆٛܕϦετͷྫ 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>
ใΛՕॻ͖ͰཧϦετ ‣ %SFBNXFBWFSͰɺ)5.-ͷϓϩύςΟʔͰ؆୯ʹϦετ ͕࡞Մೳ
·ͱΊ ‣ ຊ͜͜·Ͱ ‣ ͜Ε·Ͱग़͖ͯͨॏཁͳཁૉ ! ‣ )5.-ͷߏIUNM IFBE CPEZ
‣ จॻͷใNFUB UJUMF ‣ ݟग़͠IʙI ‣ ஈམɺվߦQ CS ‣ ϋΠύʔϦϯΫB ‣ ΠϝʔδJNH ‣ ϦετVM PM MJ ! ‣ ͔ͬ͠Γཧղ͠·͠ΐ͏