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 23, 2014
Technology
0
550
HTML入門2 - ハイパーリンク、インラインイメージ、リスト
Atsushi Tadokoro
April 23, 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
アプリがつくるNOT A HOTELブランド
hokuts
1
450
Databricks における 『MLOps』
databricksjapan
2
140
OpenTelemetry を使ったトレースエグザンプラーの活用 / otel-trace-exemplar
k6s4i53rx
2
640
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
1
380
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
540
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
HEXA OSINT CTF V3 作戦会議
meow_noisy
0
110
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
110
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
430
Microsoft Cloudで開発ライフサイクルを保護する
kkamegawa
0
140
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
2.4k
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
150
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Producing Creativity
orderedlist
PRO
336
39k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Large-scale JavaScript Application Architecture
addyosmani
503
110k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Designing for humans not robots
tammielis
247
25k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Visualization
eitanlees
135
14k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
990
Building Applications with DynamoDB
mza
88
5.6k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
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 ! ‣ ͔ͬ͠Γཧղ͠·͠ΐ͏