ul li 기초개념 좀 잡아주십시오. (__) 정보
ul li 기초개념 좀 잡아주십시오. (__)
본문
html은 물론 php까지 극강 초하수의 한길을 달리고 있습니다.
ul li 태그는 간혹 보았지만, 직접 만들 때 써보지는 않았는데요.
일반적으로 다음과 같은 양식일 때 쓰는 것 같더군요. 맞나요?
한국의 명산은?
· 설악산
· 금강산
· 지리산
· 한라산
그런데, 아래와 같은 양식일 때는 어떻게 만들면 될까요?
한국의 명산은?
· 설악산
설악산은 강원도에 있는 산으로.....
· 금강산
금강산은 북한 지역에 있는 산으로 예로부터......
· 지리산
지리산은 민족의 영산으로 받드는 산으로.....
· 한라산
한라산은 제주도에 있는 산으로......
<ul> 한국의 명산은?
<li>설악산</li>
<div>설악산은 강원도에 있는 산으로.....
</div>
<li>금강산</li>
<div>금강산은 북한 지역에 있는 산으로 예로부터......
</div>
<li>지리산</li>
<div>지리산은 민족의 영산으로 받드는 산으로.....
</div>
<li>한라산</li>
<div>한라산은 제주도에 있는 산으로......
</div>
</ul>
대충 이런 개념으로 만들었는데,
위에 잡아놓은 개념처럼 나타나질 않네요.
' 한국의 명산은?'이라는 주제가 제 위치에 나타나지 않고,
li에서는 div와 겹치는 현상이 나타나기도 하구요.
저같은 초짜들만 우굴거리면 정말 골치 아프시겠지요? 죄송......
한 수 지도 부탁드립니다.
추천
0
0
댓글 12개
표현 방법이야 각자의 마음이지만
<dl>
<dt>설악산</dt>
<dd>설악산은 강원도에 있는 산으로.....</dd>
</dl>
이렇게 하는게 의미있는 마크업에 좀 더 가깝겠네요.
덧붙임1. ul은 순서없는 리스트. ol은 순서 있는 리스트에 사용합니다.
덧붙임2. dt안에는 블럭요소를 넣을 수 없습니다. p, div 등. dd안에는 블럭요소 사용이 가능하구요.
<dl>
<dt>설악산</dt>
<dd>설악산은 강원도에 있는 산으로.....</dd>
</dl>
이렇게 하는게 의미있는 마크업에 좀 더 가깝겠네요.
덧붙임1. ul은 순서없는 리스트. ol은 순서 있는 리스트에 사용합니다.
덧붙임2. dt안에는 블럭요소를 넣을 수 없습니다. p, div 등. dd안에는 블럭요소 사용이 가능하구요.
<ul> 한국의 명산은?
<li>설악산<br />설악산은 강원도에 있는 산으로.....</li>
<li>월악산<br />월악산은 짝귀가 있는 산으로.....</li>
...
이렇게 하면 되지 않을까요?
<li>설악산<br />설악산은 강원도에 있는 산으로.....</li>
<li>월악산<br />월악산은 짝귀가 있는 산으로.....</li>
...
이렇게 하면 되지 않을까요?
좋은정보 감사합니다.
음. 한국의 명산이 설악산이군요.
음. 한국의 명산이 설악산이군요.
<ul> 한국의 명산은?
<li>설악산<p>설악산은 강원도에 있는 산으로.....</p></li>
<li>월악산<p>월악산은 짝귀가 있는 산으로.....</p></li>
들여쓰기는 css로 처리하시구요.
<li>설악산<p>설악산은 강원도에 있는 산으로.....</p></li>
<li>월악산<p>월악산은 짝귀가 있는 산으로.....</p></li>
들여쓰기는 css로 처리하시구요.
<li>월악산<br />월악산은 짝귀가 있는 산으로..... 대길, 태하, 혜원, 원손이 합류했다..</li>
저같은 경우는 보짱님 설명처럼 합니다~ㅋ
<dl>
<dt>단어</dt>
<dd>단어에 대한 설명</dd>
</dl>
리스트(<ul><li>)에서 하위리스트가 있을 경우는
<ul>
<li>월악산</li>
<ul>
<li>짝귀</li>
<li>대길</li>
</ul>
<li>설악산</li>
<ul>
<li>하위리스트1</li>
<li>하위리스트2</li>
</ul>
</ul>
요렇게 하구요~^^
<dl>
<dt>단어</dt>
<dd>단어에 대한 설명</dd>
</dl>
리스트(<ul><li>)에서 하위리스트가 있을 경우는
<ul>
<li>월악산</li>
<ul>
<li>짝귀</li>
<li>대길</li>
</ul>
<li>설악산</li>
<ul>
<li>하위리스트1</li>
<li>하위리스트2</li>
</ul>
</ul>
요렇게 하구요~^^
보짱님짱?
으흠.... 그누의 고수님들으로부터 많이 배우네요 ^^;;
웹서핑하면서 배우는 것보다, 확실히 머리에 박히는 느낌...
무엇보다 많은 고수님들의 지식이 한 자리에 모이니까 더 좋네요.
감사합니다! (__)
웹서핑하면서 배우는 것보다, 확실히 머리에 박히는 느낌...
무엇보다 많은 고수님들의 지식이 한 자리에 모이니까 더 좋네요.
감사합니다! (__)
<dl>
<dt>단어</dt>
<dd>단어에 대한 설명</dd>
</dl>
보여주신 예제는 이게 맞습니다. 맞고요~
<dt>단어</dt>
<dd>단어에 대한 설명</dd>
</dl>
보여주신 예제는 이게 맞습니다. 맞고요~
dl dt 가 낮겠네요.
ul li 태그로 하고싶다면 아래처럼 해도되겠네요.
<ul> 한국의 명산은?
<li>설악산</li>
<li style="list-style:none">헐</li>
<li>금강산</li>
<li style="list-style:none">금강산은 북한 지역에 있는 산으로 예로부터......</li>
<li>지리산</li>
<li style="list-style:none">지리산은 민족의 영산으로 받드는 산으로.....</li>
<li>한라산</li>
<li style="list-style:none">한라산은 제주도에 있는 산으로......</li>
</ul>
ul li 태그로 하고싶다면 아래처럼 해도되겠네요.
<ul> 한국의 명산은?
<li>설악산</li>
<li style="list-style:none">헐</li>
<li>금강산</li>
<li style="list-style:none">금강산은 북한 지역에 있는 산으로 예로부터......</li>
<li>지리산</li>
<li style="list-style:none">지리산은 민족의 영산으로 받드는 산으로.....</li>
<li>한라산</li>
<li style="list-style:none">한라산은 제주도에 있는 산으로......</li>
</ul>
앗싸! dl dt dd 요것도 배우게 되네요.
아... 정말 오늘 저는 큰 보물을 얻고 있습니다.
다른 보물도 남겨 주세요~~~~! (<=== 과욕모드)
아... 정말 오늘 저는 큰 보물을 얻고 있습니다.
다른 보물도 남겨 주세요~~~~! (<=== 과욕모드)
세밀한 스타일을 주기 위해 ul li dl dt dd 혼합을 쓰기도합니다.
<ul>
<li>
<dl>
<dt></dt>
<dd></dd>
</dl>
</li>
</ul>
<ul>
<li>
<dl>
<dt></dt>
<dd></dd>
</dl>
</li>
</ul>