이파닭 IT 이파닭 IT

Form 태그 Form 태그 : 사용자 입력을 수집하고 서버로 전송하는데 사용 속성 action : 데이터가 전달될 주소값을 지정 Ex) 결과.html method : 폼 데이터 전송 방식 지정 GET : 작성한 내용을 url 에 전송 표시됨 보안에 취약함 길이 제한이 있음 (2048자) 검색할 때 많이 사용 POST : 본문을..

태그 위치 관련 스타일 position 은 태그의 위치를 지정하는 속성 position : relative; (상대적인) - 지정된 태그 내부에 다른 태그가 상대적인 위치에 지정할 수 있도록 기준이 되게 만드는 속성 position : absolute; (절대적인) - 기본 태그의 배치 순서를 무시하고 지정된 절대 위치에 태그 배치 position : fixed; (고정된) - 항상 고정된 위치에 태그를 배치함 (화면이 움직이든 말든 항상 같은 위치에 존재) position : sticky; (스크롤에서 많이 사용) - 특정 스크롤 위치에 도..

정렬을 도와주는 float clear float : 뜨다 (java float 과 다름) 태그를 띄어서 좌우로 정렬하는 속성 float 을 지정하지 않은 태그와 지정된 태그가 겹치는 문제 발생 clear : float 으로 인해 띄워져 잇는 상태를 해제하는 속성 태그 겹침 문제를 해결 float, clear (왼쪽 : left) 1 2 3 4 안녕하세요 반 갑 습 니 다 1 2 3 ..

태그의 여백 관련 스타일 1. padding 태그 영역이 넓어짐 내용과 선 사이의 공간 2. border 테두리 영역이 어디까지 영역인지 구분하기 위한 선 3. margin 여백 간격 다른 태그와 간격을 나타내는 영역 border(테두리) 영역 내용 내용 마진 내용 padding margin border 방향성 000 - padding, margin, border 를 나타냄 000-top : 크기 -> 위쪽 방향 크기 지정 000-bottom : 크기 -> 아래쪽 방향 크기 지정 ..

레아이웃(layout) 사용 목적을 기반으로 시각적 효과를 구성하는 행위 사전적 의미 : 배치, 정리 기술적 의미 : 구성 요소를 제한된 공간에 효울적으로 배치하는 것 display : 화면에 표시나 형식에 대한 배치 지정 태그가 화면에 어떻게 보여질지 형식을 지정하는 속성 - block : 화면을 수직 분할(한 줄 다 차지) + 가로(width), 세로(height) 지정 가능 - inline : 화면을 수평 분할(디자인을 글자, 문자열 취급) + 가로(width), 세로(height) 지정 불가능 - inline-blo..

CSS(Cascading Style Sheets) 마크업 언어(html)가 실제로 화면에 표시되는 방법을 기술하는 언어 (모양, 색상, 크기, 배경이미지, 움직임, ...) 하나의 태그에 여러 CSS 코드를 겹쳐서 원하는 스타일을 만들어냄 W3C 에서 CSS 를 표준 스타일로 지정 Style 태그는 head 와 body 안에 작성해도 되고 다른 곳에 존재해도 됨 하지만 head 안에 작성해주는 것이 암묵적인 룰 추후 수정하거나 추가 작업을 진행할 때에 사용 CSS 선택자(CSS selector) ..

select , option select / option 태그 - select : 클릭하면 밑으로 메뉴가 내려오는 입력 태그 - option : select 클릭시 보여줄 메뉴를 작성하는 태그 메뉴선택 초밥 샐러드 돈까스 김밥 삼겹살 기타 입력관련 태그 - type="color" : 색을 입력할수 있는 입력상자 출력 - type="file" : 파일을 선택할 수 있는 탐색기 진행 - type="hidden" : 화면에 보이지 않음 (화면에서 숨기고 싶은 값이 있을 경우 사용) ..

form 태그 / input 태그 form 태그 - 입력 양식을 작성하는 영역(공간) - 내부에 작성된 입력 값을 지정된 공간으로 제출하는 역할 속성 1. action : 제출된 공간을 지정하는 속성(주소를 작성) 2. method : 설정된 공간으로 데이터를 전달하는 방식 3. name : 자바 스크립트에서 사용, form 의 이름을 지정하는 속성 4. target : 제출된 페이지를 현재 또는 새 탭으로 열기 설정 input 태그 - 웹 문서에사 사용자가 입력할 수 있는 양식을 제공해주는 태그 - 많은 type 이 존재하고, input 의 변형 형태도 다양하..