![[2021/12/12] 07~10까지의 태그 구현 복습](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnH4Ur%2FbtrofGEx8QV%2FpfX7dkOEz13EktKXd07Ylk%2Fimg.png)
안 쓴 건
>
<
/
<img src="" alt="">
rowspan
colspan
colgroup
이게 다... 인 듯?
<!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>
<style>
th,td{width: 250px;height: 20px;text-align: center;}
th,td{border:1px solid black}
table{border:2px solid black}
</style>
</head>
<body>
<p>
<strong>목록 및 표 구현 복습</strong>
<br>
복습차원에서 4일 간 배운 언어는 다 써먹어 볼 계획
<br>
일단은 <em>p구문</em>으로 시작해 봄<br>
<hr>
<em>q구문 & blockquote구문</em>은 일단 예시로 한국남부발전(주)의 정보공개 안내 - 정보공개 제도 -로 가면 볼 수 있는 <q>개념</q>에서 따와봤음
<br>
<br>
<blockquote>
공공기관이 직무상 작성 또는 취득하여 관리하고 있는 정보를 수요자인 국민의 청구에 의하여 열람·사본·복제 등의 형태로 청구인에게 공개하거나 공공기관이 자발적으로
<br>
또는 법령 등의 규정에 의하여 의무적으로 보유하고 있는 정보를 배포 또는 공표 등의 형태로 제공하는 제도를 말합니다.
</blockquote>
<br>
<br>
사이트 구현에서는 ul, ol, dl, table 써 보기로 함
<br>
<br>
img는 귀찮아서 안 씀. 이거는 웹 접근성용 alt만 기억해도 됨
</p>
<hr>
<h1><strong>한국남부발전</strong>|<strong>주</strong>|</h1>
<h2>정보공개</h2>
<ul>
<li><h3>정보공개 안내</h3>
<div>
<ul>
<li><a href="https://www.kospo.co.kr/kospo/219/subview.do" target="_blank" title="정보공개 제도">정보공개 제도</a></li>
<li><a href="https://www.kospo.co.kr/kospo/223/subview.do" target="_blank" title="정보공개 청구">정보공개 청구</a></li>
<li><a href="https://www.kospo.co.kr/kospo/115/subview.do" target="_blank" title="정보공개 목록">정보공개 목록</a></li>
<li><a href="https://www.kospo.co.kr/kospo/116/subview.do" target="_blank" title="비공개 대상 정보">비공개 대상 정보</a></li>
</ul>
</li>
<li><a href="https://www.kospo.co.kr/kospo/70/subview.do" target="_blank" title="사전정보 공표"><h3>사전정보 공표</h3></a></li>
<li><h3>공공데이터 개방</h3>
<ul>
<li><a href="https://www.kospo.co.kr/kospo/117/subview.do" target="_blank" title="개요">개요</a></li>
<li><a href="https://www.kospo.co.kr/kospo/118/subview.do" target="_blank" title="중점 추진과제">중점 추진과제</a></li>
<li><a href="https://www.kospo.co.kr/kospo/119/subview.do" target="_blank" title="공공데이터 제공 담당">공공데이터 제공 담당</a></li>
<li><a href="https://www.kospo.co.kr/kospo/507/subview.do" target="_blank" title="공공데이터 목록">공공데이터 목록</a></li>
<li><a href="https://www.kospo.co.kr/kospo/516/subview.do" target="_blank" title="공공데이터 품질신고 창구">공공데이터 품질신고 창구</a></li>
<li><a href="https://www.kospo.co.kr/kospo/774/subview.do" target="_blank" title="공공데이터 목록">공공데이터 개선 설문</a></li>
</ul>
</div>
</li>
<li><h3>사업실명제</h3>
<h4>실명제 개요</h4>
<ul>
<div>
<li><strong>사업실명제 정의</strong>
<br>
<br>
<ul>
<li>'사업실명제'란
<br>
<p>
공공기관 추진사업의 책임성과 투명성을 제고하기 위해 한국남부발전(주)이 추진하는 주요 사업 중
<strong>
국민에게 도움이 되고 여론의 관심이 높은 사업의 현황 및 의사결정 과정에 참여한 사업수행자의 실명 등을
<br>
기록ㆍ공개하는 제도
</strong>
입니다.
</p>
</li>
<br>
<li>선정기준
<ol>
<li>주요 국정과제에 관한 사업</li>
<li>총사업비가 200억 원 이상 (당사 부담)인 (신규) 투자 · 출자사업</li>
<li>발전설비 건설 및 운영관련 중요사업 등 국민생활에 미치는 영향이 큰 사업</li>
<li>그 밖에 중점관리가 필요하다고 위원회에서 인정하는 사업</li>
<li>다만, 심의위원회는 심의 당시 실정을 고려하여 선정기준 조정 가능</li>
</ol>
</li>
</ul>
</li>
</div>
<br>
<br>
<div>
<li>담당자 연락처
<table summary="담당자 연락처">
<caption>성명 & 연락처는 개인정보라서 XXX로 처리</caption>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">부서/직위</th>
<th scope="col">성명</th>
<th scope="col">연락처</th>
</tr>
</thead>
<!-- tfoot 없음 -->
<tbody>
<tr>
<td scope="row">사업실명제 책임관</td>
<td>기획처장</td>
<td>XXX</td>
<td>XXX-XXXX-XXXX</td>
</tr>
<tr>
<td scope="row">사업실명제 담당팀장</td>
<td>기획처 전략기획실 실장</td>
<td>XXX</td>
<td>XXX-XXXX-XXXX</td>
</tr>
<tr>
<td scope="row">사업실명제 담당차장</td>
<td>기획처 전략기획실 차장</td>
<td>XXX</td>
<td>XXX-XXXX-XXXX</td>
</tr>
<tr>
<td scope="row">사업실명제 담당팀원</td>
<td>기획처 전략기획실 직원</td>
<td>XXX</td>
<td>XXX-XXXX-XXXX</td>
</tr>
</tbody>
</table>
</li>
</div>
</ul>
</li>
</ul>
</body>
</html>
더보기
N사 소스코드창은 5000자 제한 있는데
티스토리블로그는 제한도 없고 언어 종류 고를 수도 있어서
대박 좋네..
N사 블로그 버리고 여기로 완전 갈아타버릴까..?