λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
[HTML+CSS][HTML5와 λ©€ν‹°λ―Έλ””μ–΄] 01 - μ›Ήκ³Ό λ©€ν‹°λ―Έλ””μ–΄ [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 03 - IE8 μ΄ν•˜ λ²„μ „μ—μ„œ μ‹œλ§¨ν‹±νƒœκ·Έ μ‚¬μš©ν•˜κΈ° [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 02 - μ‹œλ§¨ν‹± νƒœκ·Έμ˜ μ’…λ₯˜ [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 01 - HTML5 λ¬Έμ„œ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 03 - ν‘œ μŠ€νƒ€μΌ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 02 - λ‹€λ‹¨μœΌλ‘œ νŽΈμ§‘ν•˜κΈ° [HTML+CS.. onelight-stay.tistory.com 웹이 μ§€μ›ν•˜λŠ” λ©€ν‹°λ―Έλ””μ–΄μ˜ μ’…λ₯˜μ™€ μ—¬λŸ¬ λ©€ν‹°λ―Έλ””μ–΄ ν˜•μ‹μœΌλ‘œ λ³€ν™˜ν•˜λŠ” 방법에 λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜μž. μ›Ήμ—μ„œ μ‚¬μš©ν•˜λŠ” λ©€ν‹°λ―Έλ””μ–΄ ν”ŒλŸ¬κ·Έ 인 (plug-in) μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ²˜λ¦¬ν•  수 μ—†λŠ” μž‘μ—…μ„ μœ„ν•΄ μ›Ή λ¬Έμ„œ μ•ˆμ— ν¬ν•¨μ‹œν‚¨ μ™ΈλΆ€ ν”„λ‘œκ·Έλž¨ κΈ°λŠ₯이닀. μ˜€λ””μ˜€λ‚˜ λΉ„λ””μ˜€ 같은 λ©€ν‹°λ―Έλ””μ–΄λ₯Ό 직접.. 2020. 7. 15.
[HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 03 - IE8 μ΄ν•˜ λ²„μ „μ—μ„œ μ‹œλ§¨ν‹±νƒœκ·Έ μ‚¬μš©ν•˜κΈ° [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 02 - μ‹œλ§¨ν‹± νƒœκ·Έμ˜ μ’…λ₯˜ [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 01 - HTML5 λ¬Έμ„œ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 03 - ν‘œ μŠ€νƒ€μΌ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 02 - λ‹€λ‹¨μœΌλ‘œ νŽΈμ§‘ν•˜κΈ° [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 01 - CSS 포지셔닝과 μ£Όμš” 속성듀 [HTML+.. onelight-stay.tistory.com μš°λ¦¬κ°€ 배우고 μžˆλŠ” μ‹œλ§¨ν‹± νƒœκ·ΈλŠ” λŒ€λΆ€λΆ„μ˜ μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ‚¬μš©μ΄ κ°€λŠ₯ν•˜κΈ°λŠ” ν•˜μ§€λ§Œ 인터넷 μ΅μŠ€ν”Œλ‘œλŸ¬(IE) 8 μ΄ν•˜ λ²„μ „μ—μ„œλŠ” μ‚¬μš©μ΄ μ–΄λ ΅λ‹€κ³  ν•œλ‹€. 그러면 IE8 μ΄ν•˜ λ²„μ „μ—μ„œλ„ μ‹œλ§¨ν‹± νƒœκ·Έλ₯Ό μ‚¬μš©ν•  수 μžˆλŠ” 방법에 λŒ€ν•΄μ„œ μ•Œμ•„λ³΄μž. μƒˆλ‘œμš΄ μ‹œλ§¨ν‹± νƒœκ·Έ 지원 상황 μ‹œλ§¨ν‹± νƒœκ·Έλ₯Ό μ΄μš©ν•˜λ©΄ μ›Ή ν‘œμ€€μ— λ§žλŠ” .. 2020. 7. 14.
[HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 02 - μ‹œλ§¨ν‹± νƒœκ·Έμ˜ μ’…λ₯˜ [HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 01 - HTML5 λ¬Έμ„œ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 03 - ν‘œ μŠ€νƒ€μΌ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 02 - λ‹€λ‹¨μœΌλ‘œ νŽΈμ§‘ν•˜κΈ° [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 01 - CSS 포지셔닝과 μ£Όμš” 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 03 - 여백을 μ‘°μ ˆν•˜λŠ” 속성듀.. onelight-stay.tistory.com μ‹œλ§¨ν‹± νƒœκ·Έμ˜ μ‚¬μš© λͺ©μ μ— λŒ€ν•΄ μ΄ν•΄ν–ˆλ‹€λ©΄ μ‹œλ§¨ν‹± νƒœκ·Έμ˜ μ’…λ₯˜μ™€ μ‚¬μš© 방법에 λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜μž. νƒœκ·Έ : 머리말 지정 λ³Έλ¬Έ 쀑에 μ‚¬μš©ν•΄ ν•΄λ‹Ή λΆ€λΆ„μ˜ 머리말둜 μ‚¬μš©ν•  수 μžˆλ‹€. νƒœκ·Έ : λ¬Έμ„œλ₯Ό μ—°κ²°ν•˜λŠ” λ‚΄λΉ„κ²Œμ΄μ…˜ 링크 λ™μΌν•œ μ‚¬μ΄νŠΈ μ•ˆμ˜ λ¬Έμ„œλ‚˜ λ‹€λ₯Έ μ‚¬μ΄νŠΈμ˜ λ¬Έμ„œλ‘œ μ—°κ²°ν•˜λŠ” 링크 λͺ¨μŒμœΌλ‘œ λ‚΄λΉ„κ²Œμ΄μ…˜ λ©”λ‰΄λΏλ§Œ μ•„λ‹ˆλΌ ν‘Έν„°.. 2020. 7. 13.
[HTML+CSS][HTML5와 μ‹œλ§¨ν‹±νƒœκ·Έ] 01 - HTML5 λ¬Έμ„œ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 03 - ν‘œ μŠ€νƒ€μΌ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 02 - λ‹€λ‹¨μœΌλ‘œ νŽΈμ§‘ν•˜κΈ° [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 01 - CSS 포지셔닝과 μ£Όμš” 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 03 - 여백을 μ‘°μ ˆν•˜λŠ” 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 02 - ν…Œλ‘λ¦¬ κ΄€.. onelight-stay.tistory.com HTML5μ—μ„œ μ‚¬μš©λ˜λŠ” μ‹œλ§¨ν‹± νƒœκ·Έμ— λŒ€ν•΄μ„œ κ°„λ‹¨ν•˜κ²Œ μ•Œμ•„λ³΄κ³  μ‹œλ§¨ν‹± νƒœκ·Έλ₯Ό μ‚¬μš©ν•΄μ•Ό ν•˜λŠ” μ΄μœ μ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜μž. μ‹œλ§¨ν‹± νƒœκ·Έ (semantic tag) HTML5μ—μ„œ νƒœκ·Έ μ΄λ¦„λ§Œ 보고도 λ¬Έμ„œ κ΅¬μ‘°μ—μ„œ μ–΄λ–€ 역할을 ν•˜λŠ”μ§€ μ‰½κ²Œ 이해할 수 있게 ν•˜λŠ” 것이닀. - μ‹œλ§¨ν‹± νƒœκ·Έλ‘œ λ ˆμ΄μ•„μ›ƒμ„ μ œμž‘ν•΄μ•Ό ν•˜λŠ” 이유 - 웬 λ¬Έμ„œμ— λ ˆμ΄μ•„μ›ƒ.. 2020. 7. 12.
[HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 04 - μ—°μŠ΅λ¬Έμ œ 01 애완견 μ’…λ₯˜ μž…μ–‘ν•˜κΈ° κ±΄κ°•λŒλ³΄κΈ° λ”λΆˆμ–΄μ‚΄κΈ° 강아지 μš©ν’ˆ μ€€λΉ„ν•˜κΈ° 강아지 집 강아지가 편히 쉴 수 μžˆλŠ” ν¬κ·Όν•œ 집이 ν•„μš”ν•©λ‹ˆλ‹€. κ°•μ•„μ§€μ˜ 집은 강아지가 λ‹€ 큰 후에도 계속 μ“Έ 수 μžˆλŠ” μ§‘μœΌλ‘œ κ΅¬μž…ν•˜μ„Έμš”.집을 κ΅¬μž…ν•˜μ‹€ λ•ŒλŠ” λ°•μŒμ§ˆμ΄ 잘 λ˜μ–΄ μžˆλŠ”μ§€, 세탁이 κ°„νŽΈν•œ μ œν’ˆμΈμ§€ κΌ­ ν™•μΈν•˜μ‹œκ³  κ³ λ₯΄μ‹œλŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€. 강아지 먹이 κ°•μ•„μ§€μ˜ λ¨Ήμ΄λŠ” κΌ­ μ–΄λ¦° κ°•μ•„μ§€μš©μœΌλ‘œ λ‚˜μ™€μžˆλŠ” μ‚¬λ£Œλ₯Ό μ„ νƒν•˜μ„Έμš”. 강아지듀은 μ‚¬λžŒμ— λΉ„ν•΄ μ„±μž₯속도가 8배정도 λΉ λ₯΄λ‹΅λ‹ˆλ‹€. λ”°λΌμ„œ κ°•μ•„μ§€μ—κ²ŒλŠ” μ„±μž₯속도에 λ§žλŠ” μ‚¬λ£Œλ₯Ό κΈ‰μ—¬ν•˜μ…”μ•Ό ν•©λ‹ˆλ‹€. μ‚¬λžŒμ΄ λ¨ΉλŠ” μŒμ‹μ„ 먹게 되면 양념과 ν–₯μ‹ λ£Œμ— μž…λ§›μ΄ μ΅μˆ™ν•΄μ§€κ³ , λΉ„λ§Œμ΄ 될 κ°€λŠ₯성이 맀우 λ†’μ•„μ§‘λ‹ˆλ‹€. κ°•μ•„μ§€μš© μ‚¬λ£ŒλŠ” 생후 12κ°œμ›”κΉŒμ§€ κΈ‰μ—¬ν•˜μ…”μ•Ό ν•©λ‹ˆλ‹€. Copyright 2012 funnycom .. 2020. 7. 11.
[HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 03 - ν‘œ μŠ€νƒ€μΌ [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 02 - λ‹€λ‹¨μœΌλ‘œ νŽΈμ§‘ν•˜κΈ° [HTML+CSS][CSS λ ˆμ΄μ•„μ›ƒ] 01 - CSS 포지셔닝과 μ£Όμš” 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 03 - 여백을 μ‘°μ ˆν•˜λŠ” 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 02 - ν…Œλ‘λ¦¬ κ΄€λ ¨ 속성듀 [HTML+CSS][CSS λ°•μŠ€λͺ¨λΈ] 01 - CSS와 λ°•.. onelight-stay.tistory.com ν‘œμ˜ 세뢀적인 μŠ€νƒ€μΌμ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜μž. caption-side 속성 : ν‘œ 제λͺ© μœ„μΉ˜ μ„€μ • ν‘œ 제λͺ©μ€ νƒœκ·Έλ₯Ό μ‚¬μš©ν•΄ μ£ΌλŠ”λ° μ΄λ•Œ caption-side 속성을 μ‚¬μš©ν•΄ ν‘œ 제λͺ©μ˜ μœ„μΉ˜λ₯Ό 지정할 수 μžˆλ‹€. border 속성 : ν‘œ ν…Œλ‘λ¦¬ μŠ€νƒ€μΌ κ²°μ • ν…Œλ‘λ¦¬μ˜ μƒ‰μƒμ΄λ‚˜, ν˜•νƒœ, λ„ˆλΉ„ 등을 지정할 수 μžˆλ‹€. border-c.. 2020. 7. 10.

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”