![[2021/12/09]국비지원-HTML5 코딩툴 기본학습-3-(4) ul 4](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcQf1kg%2Fbtroc3Autcu%2FvdyE5kTt3HndfzZAvKVaY0%2Fimg.png)
div, span을 배운 부분
영역 단위 구분 짓기
span은 줄 단위, div는 문단 이라던가 사진이라던가 구역 단위
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>공지사항</title>
</head>
<body>
<!-- div(블록레벨), span(인라인) 무의미 -->
<div>
<h2>공지사항</h2>
<ul>
<li><a href="#">2021년 제4차 정보접근성 오픈 아...</a><span> 2021-11-24</span></li>
<li><a href="#">2021년 제4차 정보접근성 오픈 아...</a><span> 2021-09-02</span></li>
<li><a href="#">2021년 제4차 정보접근성 오픈 아...</a><span> 2021-06-10</span></li>
<li><a href="#">[행사안내]키오스크 정보접근성 및 ...</a><span> 2021-06-10</span></li>
</ul>
<p><a href="#"><img src="btn_more.gif" alt="공지사항 더 보기"></a></p>
</div>
<hr/>
<div>
<h2>자료실</h2>
<ul>
<li><a href="#">캡차(CAPTCHA), 가상키보드, ..</a><span> 2017-12-19</span></li>
<li><a href="#">웹 접근성 국가표준(KWCAG 2.2..</a><span> 2017-12-19</span></li>
<li><a href="#">정보접근성 향상을 위한 W3C 국제표..</a><span> 2016-12-14</span></li>
<li><a href="#">웹 접근성을 고려한 콘텐츠 제작기법 ..</a><span> 2015-10-28</span></li>
</ul>
<p><a href="#"><img src="btn_more.gif" alt="자료실 더 보기"></a></p>
</div>
</body>
</html>