음악에서, 브리지(Bridge)란 절과 후렴, 혹음 후렴과 후렴을 연결하는 파트를 말한다.
대개는 2절 후렴 후에 나오며 곡의 결말을 내기 위해 마지막 후렴으로 연결해주기 위해 만들어진 부분이다.
노래에서 브리지는 한 번만 나오기 때문에, 이번에는 클래스 대신 아이디('id')를 이용해서 노래의 브리지 부분만 연두색(lime)으로 써주세요.
이 노래에서는 "허약한 내 영혼에 힘을~" 부분이 브리지입니다. 노래에서 유일하게 조금 다른 부분이죠?
<!DOCTYPE html>
<html>
<head>
<title>하늘을 달리다</title>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<h1>하늘을 달리다</h1>
<h2>이적</h2>
<p>두근거렸지 누군가 나의 뒤를 좇고 있었고<br>
검은 절벽 끝 더이상 발 디딜곳 하나 없었지<br>
자꾸 목이 메어 간절히 네 이름을 되뇌었을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 구원이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p>내가 미웠지 난 결국 이것밖에 안 돼 보였고<br>
오랜 꿈들이 공허한 어린 날의 착각 같았지<br>
울먹임을 참고 남몰래 네 이름을 속삭였을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 희망이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p>허약한 내 영혼에 힘을<br>
날개를 달 수 있다면</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
</body>
</html>
셀프채점
다음 항목들이 제대로 페이지에서 구현이 되었나요?
아이디(id)를 활용하여 글자 색상을 바꾸었다.
노래의 브릿지 부분이 연두색(lime)으로 변경되었다.
<!DOCTYPE html>
<html>
<head>
<title>하늘을 달리다</title>
<meta charset="utf-8">
<style>
#Bridge{
color: lime;
}
</style>
</head>
<body>
<h1>하늘을 달리다</h1>
<h2>이적</h2>
<p>두근거렸지 누군가 나의 뒤를 좇고 있었고<br>
검은 절벽 끝 더이상 발 디딜곳 하나 없었지<br>
자꾸 목이 메어 간절히 네 이름을 되뇌었을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 구원이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p>내가 미웠지 난 결국 이것밖에 안 돼 보였고<br>
오랜 꿈들이 공허한 어린 날의 착각 같았지<br>
울먹임을 참고 남몰래 네 이름을 속삭였을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 희망이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p id="Bridge">허약한 내 영혼에 힘을<br>
날개를 달 수 있다면</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
</body>
</html>
'교육 > [Codeit]웹 퍼블리싱' 카테고리의 다른 글
| css 파일 따로 쓰기 / link로 연결 (0) | 2021.02.13 |
|---|---|
| <div>태그 (0) | 2021.01.02 |
| 실습과제. 듀엣가요제 (0) | 2020.12.06 |
| 클래스(class)와 아이디(id) (0) | 2020.12.06 |
| 클래스 (0) | 2020.12.01 |