6.semantic(3)

section내부에 section을 구성해서 본문을 작성 가능

header>h1{제주 올레2}

<header>

        <h1>제주 올레2</h1>

    </header>

    <!-- 1코스 section>h3{1코스} -->

    <section>

        <h3>1코스</h3>

        <p>제주 올레에서 가장 먼저 열린 길. 오름과 바다가 이어지는 '오름-바당 올레'다.

        아담하고 예쁜 시흥 초등학교에서 출발해 사시사철 푸른 들을 지나 말미로읆과

        알오름에 오르면, 성산 일출봉과 우도, 조각보를 펼쳐놓은 듯한 들판과 바다를 한눈에 볼 수 있다.

        </p>

        <section>

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

            <p>시작 시흥리 안내소</p>

            <p>중간 금영 휴게소</p>

            <p>종점 광치기 해안소</p>

        </section>

        <section>

            <h4>난이도 : 중</h4>

            <p>총 15km(4~5시간)</p>

        </section>

    </section>

 

실행화면

 

 

 

2코스
     태그명*n =>n개의 갯수만큼 태그생성
     section>h3{2코스}+p+(section>h4+p*3)+section>h4+p 

 <section>

        <h3>2코스</h3>

        <p>성산 광치기 해변에서 출발하여 고성, 대수산봉, 혼인지를

           지나 온평리 바닷가까지 이어지는 올레. 물빛 고운 바닷길

           부터 잔잔한 저수지를 낀 들길, 호젓한 산길까지 색다른

           매력의 길들이 이어진다.</p>

        <section>

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

            <p>시작 광치기 해안소</p>

            <p>중간 성산 홍마트</p>

            <p>종점 온평 혼인지 정보센터</p>

        </section>

        <section>

            <h4>난이도 : 중</h4>

            <p>총 17.2km(5~6시간)</p>

        </section>

    </section>

 

실행화면