나만의 웹 사이트 꾸미기 두 번째!
이번에는 뉴스기사 페이지 부분을 조금 꾸며보겠다.
지난번 뉴스기사 페이지
이번에 꾸민 뉴스기사
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>뉴스기사</title>
<style>
@font-face {
font-family: 'KCC-Hanbit';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/KCC-Hanbit.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.fontchange {font-family: "KCC-Hanbit";}
.under {font-family: "KCC-Hanbit";}
.point {font-family: "KCC-Hanbit";}
h3 { font-size: 30px; }
.under { color: rgb(216, 24, 24); text-decoration: underline; font-size: 20px; }
.shadow { color: rgb(183, 180, 206); text-shadow: 3px -3px 2px #000; }
a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: green; }
a:active { text-decoration: underline; color: red; }
</style>
</head>
<body>
<h2>뉴스기사</h2><br>
<h3 class="shadow"><strong>"SON, 아기 생겼을 때 가장 먼저 와준 존재"... 손흥민 '400경기 출전' 데이비스→케인→기성용 '동료들 축하 세례'"</strong></h3>
<p>기사입력 2024.04.04. 오후 01:53 최종수정 2024.04.04. 오후 02:01</p>
<p><a href="https://www.starnewskorea.com/stview.php?no=2024040412490592826">출처: 스타뉴스</a></p><br>
<img src="https://imgnews.pstatic.net/image/108/2024/04/04/0003226025_004_20240404140601397.jpg?type=w647" alt="팬들을 향해 인사하는 손흥민" width="100%"><br>
<p class="under">토트넘 400경기 출전 대기록을 이룬 손흥민(32·토트넘)이 직접 소회를 전했다.</p>
<p class="fontchange">손흥민은 4일 자신의 소셜네트워크서비스(SNS)를 통해 "우리 클럽에서 400경기에 출전했다는 것은 특별한 이정표다. 나와 가족에게 정말 자랑스럽다"고 전했다. 이어 "비록 직전 웨스트햄전에서 원하는 결과를 얻지는 못했지만 여러분과 함께 지금까지의 시간을 되돌아보니 기쁨과 뿌듯함을 느낀다"며 "런던을 제2의 고향으로 만들어주셔서 정말 감사하다"고 덧붙였다.</p>
<p class="fontchange">손흥민은 지난 3일 영국 런던 스타디움에서 열린 웨스트햄과의 '2023~2024시즌 잉글리시 프리미어리그(EPL)' 31라운드 원정에서 선발로 나와 풀타임을 소화했다. 이로써 손흥민은 토트넘 유니폼을 입고 400번째 경기 출전이라는 대기록을 세웠다. <span class="under">토트넘 구단 역사상 400경기 이상 출전한 선수는 손흥민을 포함해 14명뿐이 없다.</span> 비유럽 출신이자 아시아 선수는 손흥민이 최초다.</p>
<p class="fontchange">토트넘 동료이자 수비수 벤 데이비스도 손흥민을 축하했다. 데이비스는 토트넘 공식 홈페이지를 통해 "손흥민과 9년을 알고 지냈다. 그는 월드클래스다. 경기장 안팎에서 손흥민을 알게 된 것은 대단히 기쁘다"고 전했다. 이어 "손흥민이 처음 토트넘에 왔을 때를 기억한다. 축구에 대한 순수한 열정으로 팀에 에너지를 불어넣었다"고 덧붙였다.</p>
<p class="fontchange">'월드클래스'다운 손흥민의 기량도 칭찬했다. 데이비스는 "손흥민은 믿을 수 없는 기술과 오른발, 왼발 마무리 능력을 보여준다"며 "득점 기록은 정말 말이 안 될 정도로 일관적이었다. 첫 시즌을 힘들게 보냈지만 거의 매 시즌 두 자릿수 골을 쏘아 올렸다"고 전했다.</p>
<p class="fontchange">손흥민의 인품도 칭찬했다. 데이비스는 "손흥민은 토트넘의 주장으로서 한국의 주장으서 항상 솔선수범한다. 그의 모든 행동이 팀에 도움이 된다"며 "제 아이가 생겼을 때 처음 방문해 준 사람이 손흥민이다. 그의 인품을 알 수 있는 모습이다"라고 전했다.</p>
<p class="fontchange">이밖에 오랜 기간 토트넘에서 호흡을 맞췄던 '환상의 짝꿍' 해리 케인을 비롯해 루카스 모우라, 다빈손 산체스, 한국 국가대표에서 함께한 기성용까지 많은 축구 스타들이 댓글을 통해 축하를 남겼다.</p>
<a href="./index.html">뒤로가기</a>
</body>
</html>
사실상 많은 것을 바꾸지는 못했다. 헤드라인의 shadow 속성을 넣고 글꼴과 중요하다고 생각하는 부분의 밑줄 및 색상 변경을 해 보았다.
'Web' 카테고리의 다른 글
| 나만의 웹 사이트 꾸미기..? 5 (0) | 2024.04.14 |
|---|---|
| 나만의 웹 사이트 꾸미기..? 4 (0) | 2024.04.14 |
| 나만의 웹 사이트 꾸미기..? 3 (0) | 2024.04.11 |
| 나만의 웹 사이트 꾸미기..? 1 (0) | 2024.04.05 |