form - 문서 양식을 전송하기 위하여 쓰이는 태그 - 사용자에게 데이터를 입력받고 서버에 데이터를 전달하기 위해 쓰인다. - form tag로 form 요소를 그룹핑하여 서버에 전달한다. - form 하위 요소에는 input, select, textarea 등이 있다. *form -속성 action : 데이터를 전송시킬 경로를 기입(상대경로, 절대경로) method : post(눈에 보이지 않는 데이터를 전송), get(주소에 데이터를 기입하여 전송) form 요소 공통 속성 - readonly : 입력 혹은 선택은 불가능하나, 데이터는 서버에 전송 가능 - disabled : 입력 혹은 선택도 불가능하며, 데이터도 서버에 전송 불가 - name : 서버에 전송될 데이터의 명 - value : 서버에..

태그와의 차이점은 display속성이 block이 아닌, inline이라는 점이다 이 둘의 차이를 쉽게 설명하자면, 는 줄 바꿈이 되지만, 은 줄 바꿈이 되지 않는다. span1 span2 span3

태그와의 차이점은 display속성이 block이 아닌, inline이라는 점이다 이 둘의 차이를 쉽게 설명하자면, 는 줄 바꿈이 되지만, 은 줄 바꿈이 되지 않는다. span1 span2 span3

선택자 - 구문 : 선택자{style 속성 : style 속성값; style 속성 : style 속성값;} - css를 적용 시킬 대상을 선택한다 선택자 종류 - 태그명 : 태그명 {} -> 선택자에 기입된 태그명과 일치하는 모든 html 요소 선택 - 아이디 : #아이디값 {} -> id 속성의 값이 일치하는 html의 모든 요소를 선택 -> 모든 html 요소는 id 속성을 가질 수 있다 -> id 속성의 값은 유일값을 가져야 한다. id 선택자 예제 안녕하세요 - 클래스 : .클래스값 {} -> 모든 html 요소는 클래스 속성을 가질 수 있다. -> class 속성의 값은 여러 html 요소에서 중복으로 가질 수 있다 (그룹핑을 한다) -> class 속성에는 여러개의 값이 적용이 된다 (clas..

●인라인 요소 - 자동 줄바꿈 없음(개행) - 여러번 공백 및 개행을 하더라도 공백 1칸 차지 - 높이 설정 불가능 - 인라인 요소 내부에 블럭 요소 포함 불가능 인라인 요소 종류 a - 하이퍼링크 - 페이지 이동, 페이지 새창 - 속성 : href -> 이동경로(절대경로, 상대경로), target -> 전환(이동) 옵션 네이버 target 옵션 - target 옵션 없을 경우 페이지 전환, 있으면 새창 - target 옵션 -> _blank naver button - 클릭을 하기위한 용도의 태그 - 폼(양식 전송), 자바스크립트와 연계해서 사용된다. - 속성 : type * type="button" -> 자바스크립트 * type="submit" -> 폼(양식 전송 : 폼 하위에 포함) 클릭 small,..

절대경로 : os기준으로 시작되는 절대적인 경로 웹상에서의 도메인을 포함한 절대적인 경로 -http://localhost:8080/html01-0223/logoImage.png 상대경로 : 현재 보고 있는 (열려있는) 파일 기준으로 시작되는 경로 현재 위치 or 자식 폴더 : ./logoImage.png = logoImage.png or ./img/logImage.png = img/logImage.png 상위 경로 : ../img/logoImage.png 경로 경로(path) -> 리소스의 고유한 위치 절대 경로 - 절대적인 경로 - 운영체제, 네트워크 통신 -> 시작점 절대경로 예제 상대 경로 - 기준점에서 변하는 경로 - ../ -> 기준점 상위 이동 - ./ or / 가 없을 경우 -> 기준점의 경..

html이란? - Hyper Text Mark-up Language" 의 약자 - 웹 문서(페이지)를 작성하기위한 언어 - html 문서 버전은 doctype으로 서술한다. - html문서 시작을 알리는 테그는 html테그이다. HTML HTML은 웹 문서(페이지)를 작성하기위한 언어입니다. 요소 -구성 내용(시멘틱 테그 및 엘리멘트(테그) 요소등을 포함) *시멘틱 테그 : 예를 들어, 태그는 non-semantic 태그라고 할 수 있고, , 등의 태그는 semantic 태그라고 볼 수 있다. 인라인 요소와 블럭 요소 1.블럭 요소(block element) -모든 인라인 요소를 포함할 수 있고 다른 블럭 요소도 일부 포함(자식요소로 포함) -자동 줄바꿈 -부모의 크기만큼 가로폭 100%을 가지는 직사각..