웹프로그래밍/HTML 5 4

HTML5 - 구조 관련 태그

구조 관련 태그- 구조 관련 태그는 CSS를 사용할 때 반드시 있어야 하는 태그로 일종의 레이아웃의 뼈대를 만드는 역할을 한다- 앞서 설명했던 , 등이 이에 해당하는데 기본적으로는 이러한 기능을 수행하는 태그는 태그를 그 모체로 한다- 즉 태그에 임의로 이름을 붙여 넣어 레이아웃의 용도에 따라 구분을 해서 사용하고자 , 등의 태그를 만든거라고 보면된다- 태그는 HTML의 태그들, 즉 요소들을 그룹으로 묶어서 정의하도록 해준다- 묶어서 그 그룹에 같은 CSS를 적용할 수 있다는 의미이다.   태그- div 태그는 나 처럼 전체 섹션이나 컨테이너를 감싸는 역할을 한다- 블록 형식으로 분할하기 때문에 기본적으로 줄바꿈을 해버리기 때문에 div태그를 붙여서 쓰기 위해서는 별도의 CSS를 적용하거나 태그..

HTML5 - Form 태그

입력 양식 태그 폼 태그- 폼태그는 사용자에게 하나보다 더 많은 데이터를 받고자 할 때 사용한다- 폼태그는 안에 과 같은 태그를 집어 넣어 사용한다- 태그는 action, method, type, name 등의 속성이 있다.- 속성 중 method는 데이터를 전송하는 규격과도 같고 GET과 POST 방식이 있다  Get 방식- get 방식은 보내고자 하는 데이터가 URL에 그대로 드러난다- URL에 ?를 붙여 데이터(파라미터)를 보내는데 이로 인해 어떤 데이터가 전송되는지 바로 파악된다- 이러한 특성 때문에 보안을 요구로 하는 데이터는 Get 방식으로 보내지않는다 Search: Submit Post 방식- Get 방식과 다르게 URL에 파라미터를 붙여 서버로..

HTML5 - 기본 태그와 멀티미디어 태그

태그 사용하기 텍스트 관련 태그 : 볼드체 로 표시해준다 ( 태그도 있는데 사실상 차이가 없으니 몰라도 된다!) :이탤릭체 로 표시 : 마찬가지로 이탤릭체 로 표시해주는 태그지만 더 범용성이 높다고하니 그냥 이거로 써내리자... : 아랫 첨자로 조금 더 키가 작은 텍스트로 표시해준다. : 의 반대인 윗첨자로 텍스트를 더 높게 표시해줘 붕 떠있는 것 처럼 보일 것이다. : 텍스트에 밑줄을 치는 underline이다. : 취소선이다 : 하이라이트 표시를 해주는 태그 : 작게 표시 : 사전 서식을 유지한 텍스트를 표시한다. 공백과 줄 바꿈이 그대로 표시된다.: 수평선을 그어준다.align: 수평선의 정렬을 지정한다.noshade: 그림자 효과를 제거한다.size: 수평선의 두께를 지정한다.width: 수평선..

HTML5 - 시작하기

웹프로그래밍- 웹프로그래밍(혹은 웹디자인 등으로 알려진)은 기본적으로 W3C이나 WHATWG 같은 그룹에서 표준화한 HTML 따위의 기술을 통해 프로그래밍을 하는 것- 우리에게 가장 와닿을 만한 부분은 아무래도 웹 문서를 작성하기 위해 개발된 마크업언어인 HTML 등을 살펴볼 수 있다- 현재 버전 5까지 출시된 HTML은 웹페이지를 구조적으로 설계할 수 있게끔 되어있다- 그래픽 및 멀티미디어 지원, 반응형 웹 문서 작성, 다양한 API 제공 등 우리가 필요로 하는 기능들을 다수 지원하고 있다*- 앞서 말했듯 HTML 5는 사용자가 직접 웹의 구조를 짤 수 있도록 개발이 되어있다.- HTML은 기본적인 설계 구조가 있는데 Hello World!모든 HTML 코드는 다음과 같이 시작하는데  HTML은 여기서..