08.03 네이버 TV연예

네이버 TV연예 코딩 실습

• 스타콘텐츠 제목부분과 네개의 이미지 태그들이 있는 부분 두개로 나누어서 구조를 짰다.
• 이미지부분은 ul, li 태그를 사용하였다.
• 이미지 부분은 전체가 클릭하여 다른 주소로 링크되기 때문에 a태그로 감쌌다.

<ul class="ent_flex_between">
   <li>
      <a href="#">
      	<img src="https://via.placeholder.com/148x148">
        <span>에이치앤드</span>
        <h3>[금새록] 오월의 새록 [금새록] 오월의 새록</h3>
      </a>
   </li>
</ul>

• 에이치엔드라는 부분과 오월의 새록 타이틀부분은 position으로 absolute를 사용하여 이미지보다 z축으로 위로 배치하게하였다.