반응형 웹 내 취향으로 만들어보기

저번 영상에서 만들어 본 반응형 웹페이지에 이미지를 추가로 넣어보았다. 

블로그 스타일의 페이지..!

 

 

 

저번 페이지와 헤더 형식은 거의 일치한다. 아이콘과 폰트, 컬러만 바꿔주었다. 

지난번과 달라진 점은..!

 

 

 

사진을 누르면 내 다른 블로그로 연결된다는 것이다.

 

<a href="링크 걸고 싶은 주소"><img src="이미지 링크 or 파일명" width="500" height="400" alt="대체 문구"></a>

 

<a> 태그 없이 <img 태그만 쓰면 링크 연결 없이 이미지만 띄워진다.

사진을 클릭하여 다른 페이지로 이동하고 싶다면 img 태그를 a 태그로 감싸주면 된다.

 

 

 

 

화면 크기를 줄이면 이런 모습이다. 

확실히 자바스크립트로 액션을 더해주니까 벌써 재밌다.

빨리 더 배워야지..!

 

제 취향 연보라/핑크 많이 써서 신났던 웹페이지 복습이었습니닷