![[2021/12/08] 국비지원-HTML5 코딩툴 기본학습 -2-(4) ul -1](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FJYCeI%2FbtrofET8DKi%2FAAAAAAAAAAAAAAAAAAAAAOW0FUlolLkL9TwILByuMW0tl7PtuSCZjRnbS6GlDrRA%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1764514799%26allow_ip%3D%26allow_referer%3D%26signature%3DroaA7W3qZ56Qx%252BQbtblG%252BXCmlhY%253D)
a 링크 <a href="#"> 에서 #는 임시링크
이 자리에 찐 링크가 들어가는 거
<!DOCTYPE html>
<html lang="en">
<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>list 목록 -ul 가로메뉴</title>
</head>
<body>
<!-- list 목록 : ol 순서형, ul 비순서형, dl 정의형 -->
<h1>
<a href="https://www.wah.or.kr:444/">
<img src="images/logo.gif" alt="웹 접근성 연구소 Web accessibility laboratory">
</a>
</h1>
<h2>주메뉴</h2>
<ul>
<li>
<a href="#">웹 접근성이란</a>
</li>
<ul>
<li>웹 접근성 개요</li>
<li>법, 제도</li>
<li>장애인의 웹사이트 이용 이해</li>
<li>웹 접근성 품질인증</li>
<li>관련사이트</li>
</ul>
<li>
<a href="#">진단 및 컨설팅</a>
</li>
<ul>
<li>웹 접근성 개선지원 사업</li>
</ul>
<li>
<a href="#">교육마당</a>
</li>
<ul>
<li>정보 접근성 전문 교육</li>
<li>세미나</li>
</ul>
<li>
<a href="#">지식마당</a>
</li>
<ul>
<li>개발자아카이브</li>
</ul>
<li>
<a href="#">정보마당</a>
</li>
<ul>
<li>공지사항</li>
<li>자료실</li>
</ul>
<li>
<a href="#">기관 소개</a>
</li>
<ul>
<li>기관장 인사말</li>
<li>한국지능정보사회진흥원 소개</li>
<li>정보접근성 주요사업</li>
<li>찾아오시는길</li>
</ul>
</ul>
</body>
</html>