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
workshop4
Search
Taeyoon Choi
August 28, 2016
0
550
workshop4
Taeyoon Choi
August 28, 2016
Tweet
Share
More Decks by Taeyoon Choi
See All by Taeyoon Choi
Prosthetics — Adaptation
tchoi8
0
81
Artist Talk at ITP
tchoi8
0
86
daum
tchoi8
0
580
day3
tchoi8
0
310
Day2
tchoi8
0
440
Day 1
tchoi8
0
570
Experimental pedagogy
tchoi8
0
230
Unlearning disability
tchoi8
0
2.3k
This talk is not about privilege but about access.
tchoi8
0
62
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
23
580
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
22
3.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
22
1.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
The Invisible Customer
myddelton
119
13k
Unsuck your backbone
ammeep
667
57k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
StorybookのUI Testing Handbookを読んだ
zakiyama
25
5k
Building Applications with DynamoDB
mza
89
5.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Debugging Ruby Performance
tmm1
72
12k
Docker and Python
trallard
39
3k
Transcript
ࠛഛपೠ Ү 4
1. HTML ಫ؊ ٜ݅ӝ 2. ࢲ࠳ۄীࢲ ੋؙझ ݅ٚ
1. HTML ಕ ٜ݅ӝ
ࢲ࠶ۄীࢲ ࢜ ੌ ٜ݅Ҋ index.html ਵ۽ ೞӝ ݾର
<!DOCTYPE HTML> ޙࢲ ઙܨ Document Type
ইޖ۠ ࠁо হ
<head> </head>
<head> <title> ಕ ઁݾ</title> </head> ৈ۞࠙ ಕ ઁݾਸ ੑ۱ೞࣁਃ. :
ࠛഛपೠ Ү ই౭झ ಕ
ೳ. ӵ!
None
None
<html> </html> html ޙࢲ द html ޙࢲ
<html lang="ko"> </html> html য ೠҴয ࢶ
<body> <p> Ӗ ղਊ </p> </body> ߄٣ द ߄٣
paragraph ۄӒۄ ױۅ
None
None
ӡ!
<br>
<br>
<div style = "width:50%; margin:auto;"> <p> Ӗ ղਊ </p> </div>
٣࠳ द ٣࠳ ঔী ۳
</p> </p>
None
<h1>ա ಿ </h1>
`
align="center"
source ࣗझ image
None
None
<a href ="http://uncertaintyschool.org"> ࠛഛपೠ Ү </a>
CSS ਤ
<!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ Ү</title> <style> </style> CSS
ਤ
<!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ Ү</title> <style> </style> CSS
ਤ
CSS ҳઑ ࢸݺ
None
None
None
ܴࠗܰӝ झఋੌݺ۸ೞӝ
None
h1 ࢝ӭ ߄Լࠁӝ <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ Ү</title>
<style> h1 {font-color: pink;} </style>
h1 ࢝ӭ ߄Լࠁӝ <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ Ү</title>
<style> h1 {font-color: pink;} </style>
ఫझ झఋੌ
Ҹӝ/ӝ ࢝ӭ р ઑ ೯р ઑ ۳
Ҹӝ p { font-weight : bold; } উ֞ೞࣁਃ উ֞ೞࣁਃ
ӝ p { font-style : Italic; }
࢝ӭ p { font-color : green; } উ֞ೞࣁਃ উ֞ೞࣁਃ
р ઑ p { letter-spacing : -1px } উ ֞
ೞ ࣁ ਃ উ ֞ ೞ ࣁ ਃ ગѱ ևѱ p { letter-spacing : 5px } /*ગѱ*/ /*ևѱ*/
೯р ઑ p { line-height : 20px } উ֞ೞࣁਃ য়ט
զॿ ଵ જ֎ਃ ગѱ ևѱ p { line-height : 40px } /*ગѱ*/ /*ևѱ*/ উ֞ೞࣁਃ য়ט զॿ ଵ જ֎ਃ
Ӗ झఋੌ ߄Լࠁӝ <style> h1 {font-color: pink;} body { background-color
: yellow;} p { font-color: blue; font-style : Italic; font-weight : bold; letter-spacing : -1px; line-height : 30px; }
݂ झఋੌ ߄Լࠁӝ <style> h1 {font-color: pink;} body { background-color
: yellow;} p { font-color: blue; font-style : Italic; font-weight : bold; letter-spacing : -1px; line-height : 30px; }
ߓ҃࢝ ߄Բӝ
ߓ҃࢝ ߄Լࠁӝ <style> body { background-color : yellow;} </style>
݂ झఋੌ
݂ झఋੌ a { font-color : orange } ܼ
݂ 홈으로 ܼ റ ݂ 홈으로 ܼ ݂ 홈으로 ܼ റ ݂ 홈으로
݂࢝ ߄Լࠁӝ <style> body { background-color : yellow;} a {
font-color : orange; } </style>
୶о ݂
IUUQXXXXTDIPPMTDPNDTTEFGBVMUBTQ CSS۽ ؊ নೠ झఋੌਸ ೞח Ѫਸ ҕࠗೞҊ रਵदݶ
IUUQXXXXTDIPPMTDPNDPMPSTDPMPST@OBNFTBTQ рױ ֍ਸ ࣻ ח ࢚ٜ࢝ ܴਸ ঌҊरਵदݶ