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
Django Girls 2015 - HTML
Search
Randy Lien
May 30, 2015
Programming
1
160
Django Girls 2015 - HTML
Django Girls Taipei 2015 training material.
Randy Lien
May 30, 2015
Tweet
Share
More Decks by Randy Lien
See All by Randy Lien
The ideas of Clojure - Things I learn from Clojure
randylien
0
170
Django Girls 2015 - CSS
randylien
1
110
React.JS Conf & f8
randylien
1
200
Immutable, Performance and Component Communication
randylien
0
91
Introduce Flux & React in KKBOX
randylien
6
430
What is the next step for a front end beginner
randylien
1
84
Understand front end developer
randylien
2
170
Introduce Flux & React in practice
randylien
8
450
UI Engineering Introduction
randylien
0
42
Other Decks in Programming
See All in Programming
Jakarta Concurrencyによる並行処理プログラミングの始め方 (JJUG CCC 2024 Fall)
tnagao7
1
290
cmp.Or に感動した
otakakot
2
150
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
RubyLSPのマルチバイト文字対応
notfounds
0
120
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.3k
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
120
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
Realtime API 入門
riofujimon
0
150
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.2k
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
100
Featured
See All Featured
Making Projects Easy
brettharned
115
5.9k
Code Review Best Practice
trishagee
64
17k
KATA
mclloyd
29
14k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Writing Fast Ruby
sferik
627
61k
The Cult of Friendly URLs
andyhume
78
6k
How to Ace a Technical Interview
jacobian
276
23k
Faster Mobile Websites
deanohume
305
30k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Gamification - CAS2011
davidbonilla
80
5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Transcript
Django Girls 2015 HTML Randy Lien
HyperText Markup Language
超⽂文字標注語 聽起來好像很厲害
HTML 結構
<div class='sidebar'> <ul class='menu-‐list'>
<li class='menu-‐item'>Home</li> <li class='menu-‐item'>Profile</li> <li class='menu-‐item'>Facebook</li> </ul> </div> <div class='content'> <h1 class='article-‐title'>Title</h1> <h2>Tagname</h2> <p>................</p> </div>
<div class='sidebar'> <ul class='menu-‐list'>
<li class='menu-‐item'>Home</li> <li class='menu-‐item'>Profile</li> <li class='menu-‐item'>Facebook</li> </ul> </div> <div class='content'> <h1 class='article-‐title'>Title</h1> <h2>Tagname</h2> <p>................</p> </div> Tags
None
HTML HTML CSS JavaScript JavaScript CSS
JavaScript 互動⾏行為 HTML 結構 CSS 視覺呈現
<!DOCTYPE html> <html> <head>
<title>我的旅⾏行⽇日誌</title> <style> body { background-‐color: lightyellow; } em { color: LightSeaGreen; } </style> </head> <body> <h1>Hello World!</h1> <em>歡迎來到我的旅⾏行⽇日誌</em> </body> </html>
<h1>Header 1</h1> <h2>Header 2</h2> <h3>Header 3</h3> <h4>Header 4</h4> <h5>Header 5</h5>
<h6>Header 6</h6> <p>Paragraph.</p> ⽂文字類型的標籤
<h1>旅⾏行與我</h1> <h2>什麼是旅⾏行呢?</h2> <p>I <em>love</em> traveling!</p> <p>旅⾏行就像是⼀一段⼈人⽣生的⼩小旅程的縮影,妳不知道
妳會碰⾒見誰,你不知道會往那裡⾛走。</p> <h2>喜歡那個國家呢?</h2> <p><strong>⻄西班⽛牙!!!</strong>那裡是⼀一個夢 幻的國度,有美⻝⾷食,午覺,跟藝術。</p>
旅⾏行與我 什麼是旅⾏行呢? I love traveling! 旅⾏行就像是⼀一段⼈人⽣生的⼩小旅程的縮影,妳不知道妳會碰 ⾒見誰,你不知道會往那裡⾛走。
喜歡那個國家呢? ⻄西班⽛牙!!!那裡是⼀一個夢幻的國度,有美⻝⾷食,午覺,跟藝術。
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <ol> <li>Item
1</li> <li>Item 2</li> <li>Item 3</li> </ol> • Item 1 • Item 2 • Item 3 1. Item 1 2. Item 2 3. Item 3
<a name='like' href='/like/' rel='like'> Like
</a> Like
<h2>⻄西班⽛牙</h2> <p>⻄西班⽛牙⺠民⾵風奔放熱情,當地⼈人喜愛⾾鬥⽜牛, 並且勢衷跳弗拉明⼽戈舞。同時也是吉他之鄉, 近代古典吉他就發源並興盛⾃自⻄西班⽛牙。</p> <h2>義⼤大利</h2> <p>義⼤大利⺫⽬目前擁有 44 處世界遺產,也是世 界上擁有最多世界遺產的國家。義⼤大利全國估 計有
100,000 個任何形式的紀念物。</p>
<div> <h2>⻄西班⽛牙</h2> <p>⻄西班⽛牙⺠民⾵風奔放熱情,當地⼈人喜愛⾾鬥⽜牛, 並且勢衷跳弗拉明⼽戈舞。同時也是吉他之鄉, 近代古典吉他就發源並興盛⾃自⻄西班⽛牙。</p> </div> <div> <h2>義⼤大利</h2> <p>義⼤大利⺫⽬目前擁有 44
處世界遺產,也是世 界上擁有最多世界遺產的國家。義⼤大利全國估 計有 100,000 個任何形式的紀念物。</p> </div>
<h2>⻄西班⽛牙</h2> <p>⻄西班⽛牙⺠民⾵風奔放熱情,當地⼈人喜愛⾾鬥⽜牛, 並且勢衷跳弗拉明⼽戈舞。同時也是吉他之鄉, 近代古典吉他就發源並興盛⾃自⻄西班⽛牙。</p>
<p><span>⻄西班⽛牙</span>⺠民⾵風奔放 熱情,當地⼈人喜愛⾾鬥⽜牛,並且熱衷跳 <span>弗拉明⼽戈舞</span>。同時也 是<span>吉他</span>之鄉,近代古 典吉他就發源並興盛⾃自⻄西班⽛牙。</p>
<div class='sidebar'> <ul class='menu-list'> <li class='menu-item'>Home</li> <li class='menu-item'>Profile</li> <li class='menu-item'>Facebook</li>
</ul> </div> <div class='content'> <h1 class='article-title'>Title</h1> <h2>Tagname</h2> <p>................</p> </div>
fin