목록STUDY (33)
HYUIT'S STORY
폼(form) 폼 컨드롤은 요소 내부에 위치한다. 요소에는 항상 action 속성이 있으며 대체로 method와 id 속성도 함께 지정한다. * action 모든 요소에는 action속성이 있다. action 속성의 값은 전송시 폼에 있는 정보를 수신할 서버 페이지의 URL이다. * method get이나 post라는 두 가지 방식 중 하나를 사용해 폼을 전달할 수 있다. * get 1. 간단한 폼 (예 : 검색박스) 2. 단순히 웹 서버로부터 데이터를 조회하는 경우 (데이터베이스에서 정보를 추가하거나 삭제해야 하는 정보를 전송하지 않는 경우) * post 1. 파일을 올리는 경우 2. 전송 데이터가 매우 긴 경우 3. 민감한 데이터가 포함된 경우 (예 : 패스워드) 4. 데이터베이스에 정보를 추가하거나..
# 태그 * 마크업 * 구조적 마크업 : 제목과 단락을 나타내는 데 사요알 수 있는 요소 * 시맨틱 마크업 : 추가적인 정보를 제공, 인용이나 언급내용을 작성할 경우 문장에 간조 표시를 하거나 약어의 의미 등과 같은 정보를 제공한다. 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 : 한 줄에 한 요소만 넣을 ..
마우스를 글자 위에 오버했을 때, 스타일 효과가 나타나게 해볼거예요^^ - 마우스 오버 시, 나타날 style효과 지정 Menu1Menu2Menu3 - 여기에서 'this'는 "내가 (선택or~)했다면.." 이런 뜻임. Menu2 에 마우스 오버했을 때의 모습이예요.^^*