반응형 프로그래밍/HTML4 [HTML] html5 ( 입력양식 / 속성들 / 입력 값 체크 ) html5 ( 입력양식 / 속성들 / 입력 값 체크 )에 대해서 정리한다. HTML5 입력양식 - input에 대한 type이 다양하게 추가 되었다. - color, date , datetime, datetime-local, email, month, number, ... - 사용자에게 어떠한 입력을 강제할 수 있는 기능, 모바일 디바이스에서의 입력환경 지원, ... ( 태그에서 number 타입을 이용해서 숫자에 대한 입력만을 받고 범위를 넘거나 문자를 입력하려는 부분을 강제적으로 제한 시킬 수 있다 ) ( 년월일에 대한 날짜 정보 전체를 입력 받고 싶다면 date 타입을 사용하면 되고'2017-09-05' 형태로 입력을 받는다 ) ( month는 년월일중에 일을 제외한 부분을 입력 받고 받는 방식은 d.. 2017. 9. 5. [HTML] 정보로서의 html( font / meta / semantic / 모바일 지원 / iframe ) 정보로서의 html( font / meta / semantic / 모바일 지원 / iframe )에 대해서 정리한다. 정보로서의 HTML 글꼴 - font ( 퇴출됨 ) - 태그 사이에 있는 해당 글자를 속성을 이용해 제어할 수 있는 태그이지만 현재는 쓰지 않는걸 권하고 있다. ( html에서 문서를 표현하는 의미를 가지고 있는 태그라기보단 디자인쪽인 시각적 표현을 하는 태그 ) - html에서 font와 같이 디자인 관련 태그를 퇴출 시키면서 CSS를 만들었다. ( htm과 css로 정보와 디자인을 나누면서 디자인 처리측면도 효율성이 더 발전했다 ) ( font 태그는 문서의 의미를 표현하기보단 디자인 측면이라 CSS가 나오면서 쓰지 않는것을 권하고 있다.. ) meta - 웹 페이지 자체의 정보를 표.. 2017. 9. 3. [HTML] html 주요태그 - 단락<p>, 줄바꿈<br>, 이미지<img>, 표<table>, 입력 양식<form> html에는 여러가지 태그들이 많이 있지만 그중에서 많이 사용되는 태그들 중html 주요태그 - 단락, 줄바꿈 , 이미지, 표, 입력 양식에 대해서 정리한다. HTML 주요 태그 단락 - - 문장의 단락을 구분할때 사용하는 태그 - 코드상에서 엔터키를 이용해 단락을 구분한다고해도 html은 엔터키를 무시하고 한줄로 출력하게 된다. - css를 이용하면 태그로 단락이 떨어져 구분되는 사이의 크기를 더 늘리거나 줄일수 있다. ( 태그를 이용해도 시각적으로는 똑같이 단락을 나눌수 있지만 단락을 나눌때는 태그를 이용하는게 나중에 단락별로 제어도 할수 있어서 좋다 ) 줄바꿈 - - html에서 줄바꿈을 할때 사용하는 태그 - 단순한 줄바꿈을 할때 이용하는 태그라서 내용이 없는 태그이기 때문에 닫히는 태그가 따로 .. 2017. 9. 3. [HTML] html 기본 개념( 문법 / 속성 ) / 문서의 구조 / 태그의 역사 html 기본 개념( 문법 / 속성 ) / 문서의 구조에 대해서 정리한다. HTML ( HyperText Markup Language ) 기본 개념( 문법 / 속성 ) - 문서의 구조를 표현 - 사람과 웹브라우저간의 약속 - 보통 로 시작해서 로 끝나게 된다. 안에 내용이 없는 경우에는 와 같은 사용도 가능하다. - 태그안에 속성을 사용해서 필요한 기능들을 사용할 수 있고 속성의 순서는 중요하지 않다. - 태그는 중첩을 이용해서 사용이 가능하고 중첩을 이용해 하나의 그룹으로 나눌 수 있다. ( 에디터에 적은 내용을 웹 브라우저에서 실행 시키면 그대로 텍스트 형식으로 출력이 되는데 html을 이용하면 문서의 구조를 더 효율적으로 표현할 수 있다 ) ( 위와 같이 태그를 이용해서 문서를 효율적으로 표현하고 .. 2017. 9. 2. 이전 1 다음
