프론트엔드/bootstrap

[bootstrap] 본문에 링크삽입하기

silvering0 2021. 4. 27. 09:18

하이퍼링크를 삽입해 보겠습니다.

 

본문에 제목을 적고,

상세 내용을 적어주는데, 상세 설명 중, 위키피디아처럼? 이동시키는 방법입니다.

 

 

                    <!-- Page Heading -->
                    <h1 class="h3 mb-2 text-gray-800">ICN Raw DATA</h1>
                    <p class="mb-4">인천공항공사 통계자료 <a target="_blank"
                            href="https://www.airport.kr/co/ko/cpr/statisticCategoryOfLocal.do">official DataTables documentation</a>.</p>

html 소스코드를 살펴보면,

<h1>본문제목</h1>

<p>본문내용</p>

 

여기에 원하는 내용을 넣어주면 됩니다.

다른 조건들은 크기조정, 글씨 색 등의 조건 입니다.

여기서 링크를 넣고 싶다?

<a target="_blank"
                            href="https://www.airport.kr/co/ko/cpr/statisticCategoryOfLocal.do">official DataTables documentation</a>

<a target ~~~~> 링크를 걸어줄 문구 </a>

링크를 걸어줄 문구에, href 에 넣어준 링크로 이동하도록 조건을 걸어주고,

이 조건을 target명이라 지정해 준 것입니다.