코딩 (3) 썸네일형 리스트형 HTML 한바퀴 ⑥HTML과 5 ●html과 css css란 html요소들이 어떻게 보여질지를 정의하는 언어. html에 css를 적용하는 방법은 3가지가 있다. 인라인/내부/외부 인라인 스타일 html 태그 안에 적용 내부 스타일 시트 html 문서 내에 적용 외부 스타일 시트 css파일에 적고 html문서에 연결하는 방법. -중복시 적용 순위. 인라인 > 내부>외부> 웹 브라우저 기본 스타일 내부/외부 시트 안에 선언 된 것들 중에서는 마지막에 선언된걸로 적용. -css 선택자 #id 특정 아이디. 한개 .class 해당 요소들. 여러개 ●html과 자바스크립트 -자바스크립트는 객체 기반의 스크립트 언어. -html로 내용을 작성하고 css로 디자인을 한다면 자바스크립트로는 동작을 구현한다. -웹페이지에 사용할 스크립트를 정의할때,.. HTML 한바퀴 ⑤form,input ●form -사용자가 입력한 데이터를 서버로 보낼때 사용한다. -form안에 input태그를 넣고 type으로 다양한 유형 지정이 가능하며 method로 데이터 전달 방식을 설정한다. -블록요소. ●method -사용자로 부터 받은 데이터를 서버로 전달하는 방식에는 두 가지가 있다. get -주소(url)에 데이터를 추가하여 전달하는 방식. -눈에 보여지기도 하고 데이터의 크기가 제한적. post -데이터를 별도로 첨부하여 전달하는 방식. -외부에 보여지지 않고, 데이터 크기 제한x -get보다 보안성이 높음. 이 form 태그 안에 인라인 방식으로 action과 method를 넣어주고, 사이에 을 넣어주면 된다. ●input -type의 종류 text 텍스트를 입력. 글자가 나옴 password 비밀번.. HTML 한바퀴 ③display,iframe ●블록과 인라인 -코딩하면서 제일 중요한 부분이라고 생각함. 이 기본을 정확히 이해해야 모든게 풀린다. -요소가 어떻게 보여지는가를 결정짓는것은 display속성이다. -display는 block과 inline으로 나뉜다. ●display : block; -width:100%; 인 요소. -요소의 너비는 한 줄 천체 공간을 차지한다. 옆에 누구를 둘 수 없음. 대표 요소 , , , , ●display : inline; -요소 만큼의 가로 크기를 가짐. 대표 요소 , , ●iframe -inline frame의 약자. -html페이지 안에 하나의 웹 페이지를 삽입하는것. 예시 -이 외에도 , , 가 있지만 html5가 지원하지 않으므로 알 필요 없음. 이전 1 다음