html 공부하기 1번째 시간입니다.
소스를 따라해보시면서 공부하시면 도움이 될것입니다. ^^
이번에는 ul 과 ol 에 대해서 공부할겁니다.
순차적으로 목록이 나타나지는지.. 비순차적으로 목록이 나타나는지를 확인하면 됩니다.
<html>
<head>
<title></title>
</head>
<body>
<h1>순차적 목록나타내기</h1>
<h2>덧셈공부</h2>
<ol>
<li><strong><a href="#">1+1=2</a></li>
<li><em><a href="#">1+1+1=3</a></li>
<li><a href="#">2+2=4</a></li>
</ol>
<p><h1><ins>비 순차적 목록나타내기</h1>
<h2>뺄셈공부</h2>
<ul>
<li><a href="#"><del>3-1=2</del></a></li>
<li><a href="#"><ins>3-2=1</ins></a></li>
<li><a href="#">3-3=0</a></li>
<li><a href="#">3-4=-1</a></li>
</ul>
</body>
</html>
결과입니다.
ol 태그를 쓴경우에는 1,2,3,...순차적으로 번호가 나오며
ul 태그를 쓴 경우에는 *,*,*,...비 순차적으로 나타나집니다.
그외에 strong , em, ins, del, a 들이 어떻게 적용되었는지 확인해보세요 ^^
'웹표준 > 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공부하기2_목록형태그 (dl추가) (0) | 2015.02.13 |