반응형
<!DOCTYPE html>
<html><!--기본프레임 만들기 html + Tab키-->
<head>
<title>기관소개</title>
<meta charset="utf-8">
</head>
<body>
<h1>웹 접근성 연구소</h1>
<hr>
<h3>기관 소개</h3>
<p>HOME > 기관 소개 > 한국정보화진흥원 소개</p>
<hr>
<h3>한국정보화진흥원 소개</h3>
<p>한국정보화진흥원은 국가 정보화 정책·기술 지원 기관인 한국정보사회 진흥원과 정보격차 해소 글로벌 전문기관인 한국정보문화진흥원이 통합, 2009년 5월 새롭게 출범한 세계 최고의 ICT 정책·기술 전문 기관입니다.</p><!--P태그 쉽게 만들기 p + Tab키-->
<p>한국정보화진흥원은 초고속 정보 통신 기반 구축, 전자정부 지원, 빅데이터나 IoT(Internet of Things) 등 신 정보기술(ICT) 적용 등 세계 최고 수준의 정보화 인프라를 고도화하고 있습니다. 또한 정보화에 따라 발생하는 국내외 정보격차를 해소하고 건전한 정보문화를 조성하는 등 국가 정보화 총괄기관으로서의 소명을 다하고 있습니다. '정보화로 창조경제·국민행복 실현'이라는 미션에 맞춰 정보화를 통해 국가적 현안을 해결하고 국민 모두가 정보화의 혜택을 고루 누릴 수 있도록 최선을 다 하겠습니다.</p>
<h3>창조경제란?</h3>
<p>창의성을 경제의 핵심 가치로 두고 국민의 창의성과 과학기술, 정보통신기술(ICT)의 융합을 통해 새로우누 부가가치··일자리·성장동력을 만들어내는 경제</p>
<h3>정부3.0이란?</h3>
<p>공공정보를 적극적으로 개방하고 공유하며 부처 간 칸막이를 없애 소통하고 협력함으로써, 국민 맞춤형 서비스를 제공하고 동시에 일자리 창출과 창조경제를 지원하는 새로운 정부 운영 패러다임</p>
<!--br태그 대신에 3개의 단문을 들여쓰기하는 방법 :이스케이핑 문자로 공백을 넣어보자 -->
<p> <mark>웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.<mark></p><!--이스케이핑 문자로 띄어쓰기(공백표시) = -->
<p> <span style="color:blue;">(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)</span></p>
<!--p태그 아래 단어를 강조하는 폰트태그(b나 i 태그)는 줄바꿈하면 너무 가독성이 떨어지기 때문에 줄바꿈 하지 않는다. b나 i 태그의 순서는 과연 어떻게 해야 할까? 족보관계가 맞는지 확인해보자!-->
<!--족보관계가 꼬이면 코드가 빨간 표시로 쓰이므로, 수정하여 족보관계를 정리해야합니다.-->
<p><b><i> <mark>팀 버너스 리 경</mark> - 웹의 창시자</i></b>(Tim Berners - Lee, W3C Director and inventor of the World Wide Web)</p>
<hr>
<address><em>제주 NIA 글로벌센터 : 제주특별자치도 서귀포시 디지털문화본부</em></address><!--이스케이핑 문자로 특수문자 표기 &; 사이에 예약된 문자를 넣어야함 ex.copy, middot-->
<p>Copyright © 2014 National Information Society Agency</p>
</body>
</html>반응형
'IT > HTML&CSS' 카테고리의 다른 글
| [HTML] 표만들기(Table)_기초(2021-08-27) (0) | 2021.11.08 |
|---|---|
| [HTML] 탭제목_기초(2021-08-17) (0) | 2021.11.07 |
| [HTML] a태그/속성(2021-08-19) (0) | 2021.11.07 |
| [HTML] 이미지/영상/유튜브 링크 올리기(2021-08-24) (0) | 2021.11.07 |
| [html] 리스트 태그(2021-08-26) (0) | 2021.11.07 |