여러가지 태그 추가하기

HTML 유용한 코드

드롭다운

제목

내용

                
<details>
    <summary>
        제목
    </summary>
    내용
</details>

Custom Tag

마음대로 태그를 정의하여 사용할 수 있다.
단 사용자 정의 태그는 기본적으로 span 의 형식과 같다.
sytle 또한 적용된다.

<MyTag> content </MyTag>

html에서 다른 html 파일을 가져오는 방법

                
/** HTML 파일을 텍스트로 반환하는 함수 */

async function fetchHTMLAsText(url){
    return await (await fetch(url)).text();
}

// Navigation bar 그리기
const NavElem = document.querySelector(".NavBar");
fetchHTMLAsText("/Component/NavigationBarComponent.html")
.then((result)=>{
    NavElem.innerHTML = result;
})

코드영역 표시하는 방법