본문 바로가기
반응형

html2

HTML_가져오기, 사용하기 (feat. script, link) 우리가 HTML로 작업을 하다보면 여러가지 툴이나 파일들을 불러와야 하는 경우가 자주 생긴다. 대표적인 예시로 JavaScript를 body나 문서 내에 작성할 수 있지만 Js파일로 따로 작성해 보기 좋게 만들 수 있다. 또 페이지의 글꼴이나 favicon 등 파일들을 가져와야 하는 경우가 많다. 이런 상황에 사용할 수 있는 것이 바로 위 예시 태그들은 보통 head태그 내 에서 사용된다. 물론 script태그는 랜더링이 끝난 이후 작동할 수 있도록 body태그 맨 마지막에 작성되는 경우도 있다. 사용법이 더 설명할 필요가 없을 정도로 간단하다. script 태그는 src속성 내에 파일주소를 작성하면 된다. link태그는 href속성 내에 파일주소를 작성하면 된다. 2023. 1. 23.
HTML_태그 감싸기 (feat. <div>) 하나의 페이지를 만드려면 수많은 태그가 생긴다. 이 태그들이 규칙성이나 정리없이 쭉 나열된다면? 수백 수천줄이 넘어간 코드 덩어리는 더 이상 관리하기가 어려워진다. 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 몇줄 안되지만 벌써 보기 안좋다. 코드를 깔끔하게 정리하고 묶어주는 태그가 바로 Division 즉 태그 이다. 말그대로 레이아웃을 나누어 감싸주는 기능을 가지고 있는데, 그 밖에도 css적인 요소를 줄때도 필요하며 id, class등 명명을 해줌으로써 Javascript 등에서 쉽게 불러올 수 있다. 아마도 태그 중에서는 가장 많이 사용된다고 생각한다. 사용법은 아주 간단하다. 제목입니다. 내용입니다. 이런식으로 구역을 나누어 주고 해당 구역 안에서 어떤 내용이 들어.. 2023. 1. 23.
반응형