우선순위id > class > element  들여쓰기를 통해서 부모자식간의 관계를 확연히 확인 가능 자식1 자식2 후손1 후손2 (p) 후손3 자식3 자식4 (p) 자식5    자식과 자손- id가 parent인 요소의 자식과 자손 중 div인 것들 #parent div{ border-color:gold; }   자식만- id가 parent인 요소의 자식중 div인 것만 #parent > div{..

선택하세요 부가티 제네시스g80 티코 마세라티 람보르기니 선택   getElementsByTagName은 배열 항목을 제공해서출력할 때 명확한 값을 지정해야 합니다.그래서 sel1[0].value로 값을 출력했고 querySelector는 단일 항목을 제공하기 때문에 그냥 sel2.value로 하면 결과가 잘 출력됩니다.  ID로 접근하는 법   선택하세요 부가티 제네시스g80 티코 마세라티 람보르기니 선택           ..

html에서 form 태그는 데이터를 전달해주는 역할을 해줍니다.따라서 form 태그의 method 속성값인 get과 post를 통해 데이터를 전달해 처리할 수 있습니다. GET: 주로 데이터를 조회할 때 사용합니다. URL에 파라미터를 포함할 수 있으며, 이로 인해 요청이 캐시되거나 즐겨찾기 추가가 가능합니다. 보통 doGet 메서드에서 처리됩니다.POST: 서버에 데이터를 전송할 때 사용됩니다. URL에 파라미터를 포함하지 않으며, 요청 본문에 데이터를 포함합니다. 보통 doPost 메서드에서 처리됩니다. get: read -> 데이터 전송. 헤더를 통해 데이터 읽어옴링크에 queryString 형태 ( url?name으로 설정한 정보 = 입력양식에 입력된 값 )로 전달데이터 변경이 없을 때 ..

script 태그는 body 끝태그 전에 위치     함수 기본 형태 function 함수명(){ }      이름 별명   함수 만들고body에서 버튼 클릭했을 때 (onclick) 함수 실행하도록 함  alert된 것 확인        아무것도 없을 때 버튼 누르면 아무것도 실행 x document.getElement ~~을 사용해서 대상에 접근    function btn(){ console.log(document.getElementsByTagName('form')); } form이라는 요소에 접근  버튼 클릭하..

: 사용자 입력을 위한 양식 생성 - 서버로 값을 전송할 때 사용하는 태그- 내부 요소들의 각 name 속성으로 값을 전달한다. (AJAX사용시 제외)- 한 페이지 내에 여러 번 작성해도 상관 없지만 태그안에 태그는 넣지 않는다. (자주하는 실수)- action 생략시 기본 값은 현재 페이지의 url이 되고, 실제 action 위치는 보통 서버 페이지로 지정한다.   Form 전송 방식get (자원 요청. read)url 주소 뒤에 파라미터를 붙여서 데이터를 전달하는 방식- 요청에 길이 제한이 있는데, 브라우저마다 다르다.- ?name1=value1&name2=value2&...형식으로 정보를 전달하고 이를 queryString이라고 부른다.- 정보가 노출되는 형태(url+queryString)이므로 보..

,   : 인라인 컨테이너자체적으로 특별한 의미 없음 (장식용 태그)스타일을 적용하기 위한 css선택자로 사용하거나html 속성을 적용하기 위한 범위를 나타내기 위해 주로 사용되거나자바스크립트에서 특정 부분을 선택하거나 조작하는데 사용크기 지정 불가(width, height) -> display 속성으로 블록처리 해주면 크기 조절 가능(display:inline-block;)margin 속성은 좌우 여백만 가능(padding은 모두 사용가능)   : 레이아웃을 만들거나 콘텐츠를 나누는 컨테이너span과 마찬가지로  자체적으로 특별한 의미 없음div는 레이아웃을 구성하거나 그룹화된 콘텐츠에 스타일을 적용하기 위한 컨테이너span은 단순 텍스트나 텍스트에 관련된 구문 컨텐츠에 스타일 적용하기 위한 컨테이너 ..