5.semantic(2)

nav 선택(필수 X)=>section이 여러번 반복나올 수 있다.
                               section태그 내부에 article이 없을수도 있다.
                               footer
                               header>h1{제주올레}

header>

        <h1>제주올레</h1>

     </header>

     <!-- section>h3{제주 올레 7코스} -->

     <section>

        <h3>제주 올레 7코스</h3>

        <p>외돌개를 출발하여 법환포구를 경유해 월평포구까지 어어진 해안올레. 올레인들이 가장 아끼고 자연생태길인 '수봉로'를 만날 수 있다.

        수봉로는 세 번째 코스 개척 시기인 2007년 12월, 올레지기인 '김수봉'님이 염소가 다니던 길에 직접 삽과 곡괭이만으로 계단과 길을 만들어서

        사람이 걸어다닐 수 있도록 한 길이다.</p>

            <strong>패스포트 스탬프 확인 장소</strong>

            <p>

            <b>시작</b> 외돌개 제주 올레 안내소<br>

            <b>중간</b>  강정 올레 쉼터<br>

            <b>종점</b>  월평 송이 슈퍼</p>

        <p> <b>난이도</b> : 상 총 16.4km(4~5시간)

        수봉로는 언덕길이고 일강정 바당올레에서 서건도 사이 바윗길이 험한 편이다.

        </p>

     </section>

 

실행화면

 

 

 

 

 section>figure>img+figcaption
              태그명1+태그명2

<section>

        <figure>

            <img src="../../images/road1.jpg">

            <figcaption>

                <mark>수봉로 언덕</mark>을 넘자마다 다시 만나게

                되는 바다

            </figcaption>

        </figure>

        <figure>

            <img src="../../images/road2.jpg">

            <figcaption>

                <mark>외돌개 산책로</mark>에서 외돌개가 보인다.

            </figcaption>

        </figure>

     </section>

     <!-- 꼬리말 -->

     <footer>

        <p>이 문서는 <time datetime="2024-01-23" pubdate>

            2024년 01월 23일</time>에 작성되었습니다.

        </p>

     </footer>

 

실행화면