쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [06] - ol / ul / dl /li 태그

인터넷 쇼핑몰 창업과 제작을 위한 HTML 태그 사전 (웹2.0 웹표준 기반) HTML (XHTML) 사전 - 웹표준과 검색엔진 최적화(SEO)를 위한 마크업 HTML 쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [06] - ol / ul / dl /li 태그 HTML 태그 강의 [06] - HTML 태그 파일에서 리스트를 자동으로 만들어보자. ol / ul / dl 태그는 자동으로 리스트 목록을 만들어준다. 잘 활용하면 수동으로 리스트를 만들어주는 것보다 훨씬 편리하다. 기본적인 사용법을 알아보자. HTML 태그 강좌 여섯 번째 시간입니다. 이번에는 ol / ul / dl / li 태그에 대해서 살펴보겠습니다. ol / ul / dl 태그는 리스트의 종류를 정해주고, li 태그는 리스트의 각 항목을 나열해줍니다. 자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요. HTML 태그 파일 다운로드 받기 오늘 배울 내용은 html_10.html 에 들어있습니다. 번호가 자동으로 붙는 리스트를 만들어보자. - ol / li 태그 우선 실제 태그를 한 번 볼까요? 실제 적용결과를 볼까요? 쇼핑몰 창업과 제작을 위한 HTML 강의 [01] - 이샵가이드 www.eshopguide.co.kr 쇼핑몰 창업과 제작을 위한 HTML 강의 [02] - 이샵가이드 www.eshopguide.co.kr 쇼핑몰 창업과 제작을 위한 HTML 강의 [03] - 이샵가이드 www.eshopguide.co.kr 어떤가요? 각 항목 앞에 번호가 알아서 붙었죠? 기호가 자동으로 붙는 리스트를 만들어보자. - dl / li 태그 아주 간단합니다. ol 대신에 ul 을 쓰면 되죠. 실제 적용결과를 볼까요? 쇼핑몰 창업과 제작을 위한 HTML 강의 [01] - 이샵가이드 www.eshopguide.co.kr 쇼핑몰 창업과 제작을 위한 HTML 강의 [02] - 이샵가이드 www.eshopguide.co.kr 쇼핑몰 창업과 제작을 위한 HTML 강의 [03] - 이샵가이드 www.eshopguide.co.kr 앞에 자동으로 ● 가 붙습니다. 용어 정의형 리스트를 만들어보자. - dl / dt / dd 태그 ol / ul 태그보다는 활용 빈도가 떨어지는 편이지만, 쇼핑몰 / 홈페이지의 성격에 따라서는 용어 설명 등이 필요한 경우가 있으니, 이 참에 같이 알아보죠. 실제로 적용한 결과는 아래와 같습니다. 이샵가이드란 무엇이죠? 쇼천이가 운영하는 비영리 사이트로 인터넷 사이트 (쇼핑몰 or 영리 사이트) 로 수익을 창출하고자 하는 분을 위한 인터넷 마케팅 전략에 대한 정보를 제공합니다. 쇼핑몰 운영자 공부방이란 무엇이죠? 쇼천이가 운영하는 비영리 커뮤니티로 쇼핑몰 운영자만을 위한 실습형 그룹스터디를 운영합니다. E-마케터즈 클럽이란 무엇이죠? 쇼천이가 운영하는 영리 사이트로 국내 최고의 인터넷 마케팅 전문가분을 초청하여 세미나/워크샵/고급교육과정등을 제공합니다. 쇼천이란 무엇인가요? "쇼핑몰 천재가 될 이팀장" 의 줄임말입니다. 인터넷 마케팅의 천재가 되겠다는 포부를 대표적인 영리 사이트인 쇼핑몰을 빗대어 쇼핑몰 천재가 되겠다고 선포를 한 것이죠. 써드브레인의 김연호 대표님의 캐릭터라이즈드 마케팅을 직접 활용해봤습니다. ^^ 이렇게 해서 ol / ul / dl / li 태그까지 알아보았습니다. 쉽죠? 벌써 7 분의 5 를 배웠습니다. 다음 글에서는table / tr /td 태그에 대해 살펴보겠습니다.