<실행화면>
<ul> : 리스트형 구조 생성 태그, 순서번호가 없음
<ol> : 순서번호가 있는 리스트
type = "a(영어 소문자)", "A(영어 대문자)", "i(로마자 소문자)", "I(로마자 대문자)", "1(숫자)"
<실습>
만들어 보기!
(코드)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li>2023학년도 수강과목
<ol type="1">
<li>HTML/CSS/JS</li>
<li>Jquery</li>
<li>React</li>
<li>BootStrap</li>
</ol>
</li>
<li>
학년
<ol type="A">
<li>
1학년
<ul>
<li>HTML/CSS/JS/JQuery</li>
</ul>
</li>
<li>
2학년
<ul>
<li>BootStrap / Clone Coding</li>
</ul>
</li>
<li>
3학년
<ul>
<li>React Redux</li>
</ul>
</li>
<li>
4학년
<ul>
<li>Type Script/Next.js</li>
</ul>
</li>
</ol>
</li>
<li>
백엔드 언어
<ol type="I">
<li>JAVA</li>
<li>JSP</li>
<li>Servlet</li>
<li>Spring</li>
<li>Spring Boot</li>
</ol>
</li>
</ul>
</body>
</html>
'IT수업 > HTML+CSS' 카테고리의 다른 글
| it수업 1~2주차(6) table태그 (0) | 2024.01.03 |
|---|---|
| it수업 1~2주차(5) table (0) | 2024.01.03 |
| it수업 1~2주차 (4) 자식, 형제노드 (0) | 2024.01.02 |
| it수업 1~2주차 (2) 엔티티 (0) | 2024.01.02 |
| it 수업 1~2주차 (1) (0) | 2024.01.02 |