HYUIT'S STORY

이미지 삽이과 설명문구 달기 1. / ​ #웹디자인

# 태그 * 마크업 * 구조적 마크업 : 제목과 단락을 나타내는 데 사요알 수 있는 요소 * 시맨틱 마크업 : 추가적인 정보를 제공, 인용이나 언급내용을 작성할 경우 문장에 간조 표시를 하거나 약어의 의미 등과 같은 정보를 제공한다. 1. Lang : 모든 브라우저가 인식하는 요소 내에서 사용되는 언어 한글 단락 Kr : 한글 en-us : 미국식 영어 2. 4th - 문자의 위첨자 3. H2O - 문자의 아래첨자 4. - 섹션 사이에 가로줄을 그어줌 ​ 5. - underlinde 6. / , - 가운데줄 (취소선) 7. - 순서있는 목록을 표시하는데 사용 (1. 2. 3. 4. ...) 8. - 순서없는 목록(가눙데 점) 9. - 정의 목록 / - 정의할 용어 / - 정의를 설명 ​ 10. Mailt..

이미지는 설명을 읽는 것 보다 짧은 시간으로 사이트의 목적을 전달할 수 있다. 1. 연관성이 있어야 한다. 2. 정보를 전달해야 한다. 3. 올바른 분위기를 전달해야 한다. 4. 즉시 인식할 수 있어야 한다. 5. 색상이 적합해야 한다. 이미지 저장은 images 폴더에 저장하거나, images폴더 내에 하위 폴더를 추가하여 저장한다. www.Istockphoto.com www.gettyimages.com www.weer.com www.sxc.hu www.fotolia.com 이미지는 인라인(inline) 요소 ​ #웹디자인

Display :표시하다(기본값이inline) ⁃text와 동급이라고 생각하면 쉬움. ⁃택스트의 양만큼 자동으로 너비와, 높이가 설정됨. ⁃Width, height 자체가 명시될 수 없음. ⁃Margin 은 양옆에는 지원이 가능하지만 ‘상하’는’불가능’ ⁃Padding 은 좌우가 먹고 상하 먹긴하지만 보기에는 변화가 없음. (border나 background처리 했을 시에만 티가남을 확인할 수 있음) ⁃박스의 개념으로 보아서 Margin, padding 이 먹게됨. - div와 동급으로 보게됨. ⁃줄의 개념이지 박스의 개념이 아님. ⁃*display:none 실제로는 있지만 보여지지 않음. ⁃iline이지만 inline-block으로취급 ⁃너비 높이 개념이 존재. * Div : 한 줄에 한 요소만 넣을 ..