제이코딩

02. 텍스트와 이미지

2-3. 프로젝트 1

PROJECT I. 데이터 센터 페이지 만들기

다음은 앞에서 배운 HTML 태그들을 이용하여 제작한 데이터 센터 소개 페이지 입니다. 밑줄을 채워 보세요.

브라우저 실행 결과

HTML 소스

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">

<body>
<h2>데이터 센터
<p>거대 네트워크가 구축된 대형 빌딩에 거주하는 데이터센터는 자신이 보유한 서버와 네트워크를 기업이나 기관에 임대하는 서비스를 제공합니다.</p>

서비스에는 웹 서버를 통째로 판매 또는 임대하는 서버 호스팅, 홈페이지를 구축할 수 있는 디스크 공간과 서버의 계정을 제공하는 웹 호스팅 등이 있습니다.</p>

</html>

(1) </head>
(2) </h2>
(3) <p>
(4) </body>

PROJECT II. 열대어 페이지 만들기

다음은 앞에서 배운 HTML 태그들을 이용하여 제작한 열대어 소개 페이지 입니다. 밑줄을 채워 보세요.

브라우저 실행 결과

HTML 소스

<!DOCTYPE html>
< lang="ko">
<head>
<meta charset="utf-8">
</head>

프론토샤</h3>
<img ="img/frontosa.png" width="400">
<p>키포틸라피아 프론토사(Cyphotilapia frontosa)는 탕가니카호의 고유종 시클리드이다.
한국을 비롯한 서구권에는 관상어로 수입하는 어류이다. 프론토사로 불린다.
크기는 40cm이고 수심 30~50m의 저면에 살며 알과 치어를 입 속에 넣어 보호하는 마우스브리더이다. </p>
</body>
</html>

(1) html
(2) <body>
(3) <h3>
(4) src