728x90
1. 웹사이트 완성 : https://opentutorials.org/course/3084/18431
웹사이트 완성 - 생활코딩
--- 지금까지 웹페이지를 만드는 방법을 배웠습니다. 또 페이지와 페이지를 링크라는 길로 연결하는 방법도 배웠습니다. 링크는 본드, 실과 같은 것으로도 비유할 수 있습니다. 페이지가 모이면 책이 되듯이 웹페이지를 링크로 모으면 일종의 책이 만들어집니다. 이렇게 링크를 통해서 서로 결합되어 있는 웹페이지들의 그룹을 웹에서는 책이라고 하지 않고 웹사이트(web site)라고 합니다. 지금부터 웹사이트를 만들어 봅시다. 코딩을 시작하기 전에 완성된 결과물을 먼
opentutorials.org
이제 지금까지 만든 웹 페이지를 완성하려 합니다. 아래화면에 큰 제목을 1개 주고 제목을 눌렀을 때는 main.html, 그리고 각 메뉴를 눌렀을 때 다른 html로 이동하려 합니다.
main.html, profile.html, album.html, performance.html, broadcasting.html, movie.html을 만들어줍니다.
그 후 링크를 걸어줍니다.
<!--profile.html-->
<!doctype html>
<html>
<head>
<title>IU</title>
<meta charset="utf-8">
</head>
<body>
<h1><strong><a href="main.html">IU</a></strong></h1>
<ol>
<li><a href="profile.html">프로필</a></li>
<li><a href="album.html">앨범</a></li>
<li><a href="performance.html">공연</a></li>
<li><a href="broadcasting.html">방송</a></li>
<li><a href="movie.html">영화</a></li>
</ol>
<h2>아이유(이지은 | IU)</h2>
<img src="iu_profile.jpg" width="30%">
<p>
출생 1993년 5월 16일<br>
소속사 카카오M<br>
수상 2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트 <a href="https://www.instagram.com/dlwlrma/?hl=ko" target="_blank" title="IU instagram">인스타그램</a>,
<a href="https://www.facebook.com/iu.loen/" target="_blank" title="IU facebook">페이스북</a>,
<a href="https://www.youtube.com/channel/UC3SyT4_WLHzN7JmHQwKQZww" target="_blank" title="IU youtube">유튜브</a><br>
</p>
<p>
대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.
</p>
<p style="margin-top:40px;">
현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.
</p>
</body>
</html>
728x90
'Project > 생활코딩 코딩야학 7기' 카테고리의 다른 글
| 생활코딩 코딩야학 7기 - 7일차 (0) | 2020.01.15 |
|---|---|
| 생활코딩 코딩야학 7기 - 6일차 (0) | 2020.01.15 |
| 생활코딩 코딩야학 7기 - 4일차 (0) | 2020.01.08 |
| 생활코딩 코딩야학 7기 - 3일차 (0) | 2020.01.07 |
| 생활코딩 코딩야학 7기 - 2일차 (0) | 2020.01.06 |