제주에서 작은 IT 사업을 하고 있는 유지 아빠가 보고 듣고 느끼는 진솔한 이야기를 나누는 공간입니다.

HTML 코딩 2

세부 HTML코딩

일단 1번 구조를 다시 한번 보도록 하겠습니다. 상단에 헤더가 위치해 있고, 왼쪽으로 서브메뉴, 오른쪽으로는 메인 콘텐츠 그리고 아래쪽으로는 푸터가 위치해 있습니다. 웹 표준을 적용하지 않을 경우에는 이 사이트 구조를 전부 테이블 태그를 이용해서 작업을 했습니다. 상당히 코드 량이 많아지고, 테이블 태그를 많이 사용하다 보니, 어떨때는 테이블 태그내에서 중복되거나 생략된 태그로 인해 사이트 구조가 무너져서 버그가 생기고, 그 버그를 잡기 위해 정말 눈 빠지게 코딩 작업을 했었습니다. 하지만 웹 표준을 적용하게 되면 간단하게 사이트 구조를 정리해 줄 수 있습니다. : 헤더부분 : 왼쪽서브메뉴 부분 : 메인 콘텐츠 부분 : 푸터 부분 이렇게 HTML 에선 4개의 영역을 표시해 주는 역할만 하고 CSS 에서 ..

HTML 코딩하기

HTML 코딩의 기초 HTML 코딩은 일반적으로 많이 알려져 있고, 많은 개발도구들이 나와서 어렵지 않게 익힐 수 있습니다. 기본적인 HTML의 구조는 다음과 같습니다. HTML 코드는 사이에서 작성을 하게 됩니다. 사이에는 필요한 정보를 넣거나 자바스크립트와 CSS 구문들이 들어가게 됩니다. HTML 의 문법 구조는 아주 단순하며, 누구나 익힐 수 있습니다. 인터넷에서 HTML 태그라고 검색하셔도 많은 사이트들이 있고, 하루 정도만 시간투자를 하시면 대충 이해할 수 있습니다. 심지어 요즘 나오는 WISWIG 에디터를 사용하게 되면 아무런 문법적 지식이 없더라도 누구나 사이트를 만들 수 있습니다. 여기서는 HTML의 구문을 하나씩 설명하진 않겠습니다. 일단 HTML의 기본적인 문법은 알고 있다는 전재로 ..