Dico

[입문] 웹 프론트 엔드 - 5주차 - article markup

  • Lovefield

article markup

오늘은 웹 서핑을 하다보면 가장 많이보이는 article 에 대해서 마크업 강의를 해봤습니다.

마크업을 한겸 리스트도 같이 했네요.

기본구조

<article>
    <img src=" link ">
    <h1>제목</h1>
    <p>내용</p>
</article>

리스트일 경우 구조

<ul>
    <li>
        <a href=" link ">
            <img src=" link ">
            <h2>제목</h2>
            <p>내용</p>
        </a>
    </li>

    <li>
        <a href=" link ">
            <img src=" link ">
            <h2>제목</h2>
            <p>내용</p>
        </a>
    </li>
</ul>