<img> ํ๊ทธ
(1) ์ ์
image๋ฅผ ์ค์ธ ํ๊ทธ๋ก ๋ง๊ทธ๋๋ก ์ด๋ฏธ์ง๋ฅผ ์นํ์ด์ง์ ์ฝ์ ํ๊ณ ์ ํ ๋ ์ฌ์ฉํ๋ค.
(2) ์ฌ์ฉ๋ฒ
<img>ํ๊ทธ๋ ์ฝ์ ํ๊ณ ์ํ๋ ์ด๋ฏธ์ง์ ๊ฒฝ๋ก๋ฅผ ์ง์ํด์ผ ํ๋๋ฐ, ์ด๊ฒ ์ ์์ ์ด์ง ์์ผ๋ฉด ์๋ฐ(์์ค๋ฐ์ค)์ด ๋จ๊ฒ ๋๋ค๊ณ ํฉ๋๋ค.
๊ณ ๋ก ๊ฒฝ๋ก๋ฅผ ์ง์ ํ๊ธฐ ์ํด "src"๋ผ๋ ์์ฑ์ ์ด์ฉํ๋๋ฐ์,
์ด์ธ์๋ ์ด๋ฏธ์ง์ ์ฌ์ด์ฆ๋ฅผ ์ ํด์ฃผ๋ ์์ฑ์ด 2๊ฐ์ง๊ฐ ์์ต๋๋ค.
<img> : ์์, ์คํ ํ๊ทธ
- : ์ข ๋ฃ, ํด๋ก์ฆ ํ๊ทธ
3๊ฐ์ง "์์ฑ"์ ํจ๊ป ๋ณด์๋ฉด
โถ src : ์ด๋ฏธ์ง์ ๊ฒฝ๋ก๋ฅผ ์ง์
โถ width : ์ด๋ฏธ์ง์ ๊ฐ๋ก ์ฌ์ด์ฆ๋ฅผ ์ง์
โถ height : ์ด๋ฏธ์ง์ ์ธ๋ก ์ฌ์ด์ฆ๋ฅผ ์ง์
(3) ์ค์ต
ATOM ์ผ๋ก ์ด์ฉํ์ฌ imgํ๊ทธ๋ฅผ ์ค์ต ํด๋ณด์.
180x180 ์ฌ์ด์ฆ์ pngํ์ผ์ src ์์ฑ์ผ๋ก ๊ฒฝ๋ก๋ฅผ ์ง์ ํด ์ฃผ๊ณ
width ์์ฑ๊ณผ height ์์ฑ์ ์ด์ฉํด ์ฌ์ด์ฆ๋ ๋ฐ๊ฟ๊ฐ๋ฉด์ ์์ฑํด๋ดค๋ค.
์์ ๊ฐ์ด ๋ํ๋จ์ ๋ณผ ์ ์๋ค. ์ฌ์ด์ฆ ์์ฑ์ ๊ธฐ์ฌ ์ํ๋ ์ฌ์ง ์๋ณธ ์ฌ์ด์ฆ๋ก ๋์๊ณ ๊ฐ๋ก ์ฌ์ด์ฆ๋ง 180์ผ๋ก ์ง์ ํ๋๋ ์ธ๋ก๋ 180์ผ๋ก ๋์๋ ๋ณด๋ค.
๊ฐ๋ก 180, ์ธ๋ก 150์ผ๋ก ํ๋๋ ์ธ๋ฒ์งธ ์ฌ์ง์ฒ๋ผ ์ด์ง ๋ญ๊ฐ์ง ๋๋์ผ๋ก ์ถ๋ ฅ์ด ๋์๊ณ 150, 150์ผ๋ก ํ๋ ๊ทธ๋งํผ ์์์ง์ ๋ณผ ์ ์๋ค. <p>ํ๊ทธ๋ฅผ ์ด์ฉํ์ฌ ์ก์์ฃผ๋ ํ์นธ ๋ด๋ ค๊ฐ๊ฑธ ๋ณผ ์ ์๋ค.
์๋ฐ๋ ๋์ค๋์ง ํ์ธํด๋ณด์.
pngํ์ผ๋ช ์ 1์ ๋ถ์ฌ ์๋ ํ์ผ ์ด๋ฆ์ผ๋ก ๋ฐ๊ฟ๋ดค๋ค.
์์ฒ๋ผ ์๋ฐ์ด ๋ฌ ๊ฒ์ ๋ณผ ์ ์๋ค. ์ง์ง์ง.
์ค๋์ ์ฌ๊ธฐ๊น์ง...
'๊ฐํ๋๋ผ์ดํ > ๋ธ๋ก๊ทธ & ์น ์ฌ์ดํธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [divํ๊ทธ] (0) | 2020.03.28 |
---|---|
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [sectionํ๊ทธ] (0) | 2020.03.27 |
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [h1~h6ํ๊ทธ] (0) | 2020.03.22 |
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [spanํ๊ทธ] (1) | 2020.03.17 |
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [brํ๊ทธ] (0) | 2020.03.16 |