▒요약 기호 구분표시 <UL>태그 순서대로 목록번호를 매기는 경우 <OL> 를 사용하였으나 차례로 목록 번호를 매겨야 할 경우 외에도 문서 내용의 각 항목에 구분 표시를 붙혀야 할 경우가 있습니다. 이러한 경우에 사용하는 태그로 <UL> 를 사용합니다. <UL> 태그를 사용하여 구분표 붙히기 정의를 하고 내용중에 구분표를 붙히고 싶은 항목 앞에 <li> 태그를 붙혀주면 됩니다. <html> <body> <ul> <li>다음 (daum) <li>네이버 (naver) <li>한게임 (hangame) <li>한시간 (hanshigan) <li>싸이월드 (cyworld) <li>세이클럽 (sayclub) </ul> </body> </html> 결과;
square : 검은 네모모양
circle : 흰 동그라미
기호를 통일하지 않고, 각 항목마다 다른 모양의 기호를 붙히고 싶을 때에는 'type=속성' 을 <UL> 태그에 끼워넣지 말고, 각 항목 앞에 <li> 태그에 끼워넣어 항목별로 속성을 따로 줄 수 있습니다. 각 속성별로 소스와 결과를 보면 이해하기가 쉽습니다. 몇 개의 예제와 소스를 눈으로 보고 끝내지 마시고 꼭 실습을 해보고 이해를 하셔야 합니다. ■ 소스 ■ 기호 구분표시 기본 <UL> <html> <body> <ul> <li>다음 (daum) <li>네이버 (naver) <li>한게임 (hangame) <li>한시간 (hanshigan) <li>싸이월드 (cyworld) <li>세이클럽 (sayclub) </ul> </body> </html> 결과
기호 구분표시 모양변경 <ul type=속성> <html> <body> <ul type=disc > <li>다음 (daum) <li>네이버 (naver) </ul> <ul type=square > <li>한게임 (hangame) <li>한시간 (hanshigan) </ul> <ul type=circle > <li>싸이월드 (cyworld) <li>세이클럽 (sayclub) </ul> </body> </html> 결과
기호 구분표시 섞어쓰기 <li type=속성> <html> <body> <ul> <li type=disc >다음 (daum) <li type=circle >네이버 (naver) <li type=circle >한게임 (hangame) <li type=square >한시간 (hanshigan) <li type=disc >싸이월드 (cyworld) <li type=square >세이클럽 (sayclub) </ul> </body> </html> 결과
출처: 당신이 머문자리는 아름답습니다 원문보기 글쓴이: 유하