Front/html
[html] 웹 페이지의 기본 뼈대 - 목록 형식으로 출력
해니01_15
2023. 3. 20. 18:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>목록 테스트</h3>
<h4>순서 없는 목록 </h4>
<!-- ul: unordered list : 순서 없는 목록 -->
<h4> disc </h4>
<ul>
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ul>
<!-- 안에가 텅텅 빈 원 -->
<h4> circle </h4>
<ul type = "circle">
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ul>
<!-- 꽉찬 네모 -->
<h4> square </h4>
<ul type = "square">
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ul>
<h4>순서 있는 목록 </h4>
<ol>
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ol>
<h4> 소문자 알파벳 / 대문자 원하면 A 쓰면 된다 </h4>
<ol type = "a">
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ol>
<h4> 로마숫자 I / 소문자 원하면 i 라고 해주면 된다 </h4>
<ol type = "I">
<li> 자바 </li>
<li> 오라클 </li>
<li> html </li>
</ol>
</body>
</html>