지난글에서 ul ol 태그로 예제를 만들어 보았는데요. 이번에는 dl을 추가해서 올리겠습니다.
나머지는 복습으로 생각하시면서 공부하시면 될 것 같아요 ^-^
오늘도 퐈이팅!!!
<html>
<head>
<title></title>
</head>
<body>
<h1><a href="#">IT개발자 스터디공간</a></h1>
<dl>
<dt>유틸메뉴</dt>
<dd><a href="#">로그인</a><span>|</span></dd>
<dd><a href="#">회원가입</a><span>|</span></dd>
<dd><a href="#">마이페이지</a><sapn>|</span></dd>
<ul>
<li><a href="#">영어</a><span>|</span></li>
<li><a href="#">중국어</a><span>|</span></li>
<li><a href="#">불어</a><span>|</span></li>
</ul>
</dl>
<h2>카테고리</h2>
<ul>
<li><a href="#">JAVA공부하기</a></li>
<ul>
<li><a href="#">JAVA</a></li>
<li><a href="#">JSP</a></li>
<li><a href="#">SPRING</a></li>
</ul>
<li><a href="#">ORACLE공부하기</a></li>
<ul>
<li><a href="#">PL-SQL</a></li>
<li><a href="#">SQL HINT </a></li>
<li><a href="#">SQL TUNING</a></li>
</ul>
<li><a href="#">SMART PHONE공부하기 </a></li>
<ul>
<li><a href="#">iPhone</a></li>
<li><a href="#">Android</a></li>
</ul>
<li><a href="#">웹표준 공부하기</a></li>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JQUERY</a></li>
</ul>
<li><a href="#">빅데이터 공부하기</a></li>
<ul>
</body>
</html>
결과입니다. ^^
dl은 * 표시가 없는것을 확인 할 수 있습니다...
'웹표준 > HTML' 카테고리의 다른 글
| 웹표준 html,css,javascript 실무 과정 자료] 빈 요소(empty element) (0) | 2017.04.27 |
|---|---|
| 웹표준 html,css,javascript 실무 과정 자료] HTML의 기본적인 구조 (0) | 2017.04.27 |
| html공부하기 4_ fieldset (0) | 2015.02.23 |
| HTML 공부하기_3 input type (0) | 2015.02.23 |
| html공부하기1 목록태그 (ol,ul) (0) | 2015.02.13 |