리스트
<ul>부모태그 아래로 <li>태그를 사용
줄바뀜 문제로 하나의 인라인 문구를 구분지어보일수 있도록 사용
순서가 있는 리스트(ordered lists) <ol>태그
※블록레벨 對 인라인 : HTML엘리먼트는 블록레벨과 인라인으로 구분
블록레벨 엘리먼트는 줄을 바꿔 각각 독립된 줄에 표시하는 반면, 인라인 엘리먼트는 다른 인라인 엘리먼트와 같은 줄에 표시
블록레벨 엘리먼트는 블록레벨과 인라인 엘리먼트를 모두 포함 할 수 있는 반면, 인라인 엘리먼트는 블록레벨 엘리먼트를 포함 할 수 없습니다
※블록레벨 엘리먼트 : <div>,<h1>~<h6>,<form> 등
※인라인 엘리먼트 : <span>,<strong>,<em>,<q> 등
블릿모양 표시 |
블릿모양 숨기기 |
<ul> <li>소개하고픈 링크</li> <li>즐겨읽는 책</li> <li>좋아하는 영화</li> <li>함께듣는 음악</li> </ul> |
.css ul{ list-style-image :none; >>블릿 감추기 padding-left:0; >>들여쓰기 하지 않기 } il{ background : url(a.gif) no-repeat 0 50%; >> 이미지를 반복하지 않고 왼쪽에서 0px만큼 위에서 50%위치에 위치하게 하라 padding-left : 17%; } <ul> <li>소개하고픈 링크</li> <li>즐겨읽는 책</li> <li>좋아하는 영화</li> <li>함께듣는 음악</li> </ul> |
'정보모음 > WEB' 카테고리의 다른 글
DTD(Document Type Definition) (0) | 2013.02.22 |
---|---|
웹표준의 정의 (0) | 2013.02.22 |
반응형웹 디자인 구현에 필요한 지식 및 기술[펌] (0) | 2013.02.07 |
반응형웹 핵심속성 요약 (0) | 2013.01.20 |
웹접근성?웹표준? (0) | 2012.12.12 |