쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [07] - table / tr / td 태그

인터넷 쇼핑몰 창업과 제작을 위한 HTML 태그 사전 (웹2.0 웹표준 기반) HTML (XHTML) 사전 - 웹표준과 검색엔진 최적화(SEO)를 위한 마크업 HTML 쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [07] - table / tr / td 태그 HTML 태그 강의 [07] - HTML 태그 파일에서 표를 만들어보자. 우선, table 태그로 표를 만들 것이라 선언하고, 줄을 추가할 때에는 tr 태그를, 칸을 추가할 때에는 td 태그를, 제목 칸에는 th 태그를, 표 전체의 제목을 달아줄 때는 caption 태그를 사용한다. HTML 태그 강좌 일곱 번째 시간입니다. 이번에는 table / tr / td 태그에 대해서 살펴보겠습니다. table 태그는 표를 의미하고 tr 태그는 행, td 태그는 칸을 의미합니다. 자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요. HTML 태그 파일 다운로드 받기 오늘 배울 내용은 html_11.html 에 들어있습니다. 표를 만들어 보자. - table / tr / td 태그 일단 table / tr / td 태그를 차례로 열었다가 차례로 닫아볼까요? 그리고 실제 내용은 td 태그 안에 넣습니다. HTML 태그 - 표 만들기 만약 칸을 하나 더 늘이고 싶다면, td 태그를 사용합니다. HTML 태그 - 표 만들기 HTML 태그 - table 태그 td 태그를 사용할 때마다 칸은 계속 늘어납니다. HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그 이번에는 줄을 새로 만들어볼까요? 줄을 새로 만들 때는 tr 태그를 사용합니다. HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그 HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그 표에 제목을 달아보자. - caption 태그 표에 제목을 달아주고 싶을 때는 caption 태그를 사용합니다. HTML 태그 - 표만들기 예제 HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그 HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그 항목의 제목을 따로 사용하고 싶다면 th 태그를 사용한다. 만약, 항목들의 제목들이 따로 있다면 제목에서는 td 태그 대신 th 태그를 사용합니다. th 태그 안의 글씨는 기본적으로 두꺼운 글씨로 표현 됩니다. 실제 사용 예를 보도록 하죠. HTML 태그 예제 - 표 사용하기 궁금한 점 자세한 설명 이샵가이드란? 쇼천이가 운영하는 비영리 사이트로 인터넷 사이트 (쇼핑몰 or 영리 사이트) 로 수익을 창출하고자 하는 분을 위한 인터넷 마케팅 전략에 대한 정보를 제공합니다. 쇼핑몰 운영자 공부방이란? 쇼천이가 운영하는 비영리 커뮤니티로 쇼핑몰 운영자만을 위한 실습형 그룹스터디를 운영합니다. E-마케터즈 클럽이란? 쇼천이가 운영하는 영리 사이트로 국내 최고의 인터넷 마케팅 전문가분을 초청하여 세미나/워크샵/고급교육과정등을 제공합니다. 쇼천이란? "쇼핑몰 천재가 될 이팀장" 의 줄임말입니다. 인터넷 마케팅의 천재가 되겠다는 포부를 대표적인 영리 사이트인 쇼핑몰을 빗대어 쇼핑몰 천재가 되겠다고 선포를 한 것이죠. 써드브레인의 김연호 대표님의 캐릭터라이즈드 마케팅을 직접 활용해봤습니다. ^^ 이렇게 해서 table / tr /td / caption / th 태그까지 알아보았습니다. 쉽죠? 벌써 7 분의 6 을 배웠습니다. 다음 글에서는 img / a 태그를 살펴보겠습니다.