Code Master: Query

HTML 작업을 하다 보면 너무 자주 사용해서 전부 아는 것 같지만, 막상 각 태그들의 정확한 사용 시점이 헷갈리는 순간들이 생기곤 합니다. 그래서 이번에 마음먹고, 자주 헷갈리는 HTML 태그들을 묶어서 비교/정리해보았습니다. vs. 먼저 시멘틱(sementic) 태그인 섹션(section) 태그와 아티클(article) 태그에 대해서 알아보도록 하겠습니다. 먼저 article 태그의 경우, 블로그를 예로 들자면, 블로그에 있는 수많은 포스트들 중, 포스트 하나. 신문 기사를 예로 들자면, 수많은 신문 기사들 중 기사 하나를 규정할 때 사용합니다. article 태그는 그 자체로 독립성을 갖기 때문에 article 태그 부분만 덩그러니 다른 페이지에 노출시켜도..

기본 Footer 템플릿 © Company's Name {% now "Y" %} ※ 참고 사항 ※ Footer 하단 고정 방법 HEADER CONTENT ▶ 단, 이 방법은 Bootstrap4 혹은 Bootstrap5를 사용할 때 가능합니다.

1. 장고 웹사이트 제작을 위한 기본 base.html 템플릿 {% load static %} {% include 'navbar.html' %} {% block content %} {% endblock content %} {% include 'footer.html' %} ▶ 장고의 기본 base.html 템플릿입니다. - 반응형 설정 태그가 포함돼 있습니다. - 웹사이트 설명 태그가 포함돼 있습니다. - 오픈그래프 메타 태그가 포함돼 있습니다. - 선호 URL 지정 태그가 포함돼 있습니다. - Bootstrap5의 CSS & JavaScript CDN이 포함돼 있습니다. - main.css 링크가 포함돼 있습니다. - 구글 애드센스 섹션과 구글 애널리틱스 섹션이 구분돼 있습니다. - 네이버 서치어드바이저..

파일 경로는 다음과 같이 외부 파일에 연결할 때 사용됩니다. Web pages Images Style sheets (CSS파일) JavaScripts (JS파일) HTML 파일 경로는 크게 2가지로 구분할 수 있습니다. ▶ 절대 파일 경로 (Absolute File Paths) ▶ 상대 파일 경로 (Relative File Paths) 1. 절대 파일 경로 예시) ▶ 위 예시처럼, 절대 파일 경로는 파일로 다다르는 전체 URL 주소를 뜻합니다. 2. 상대 파일 경로 상대 파일 경로는 제목에서도 알 수 있듯, 현재 html 파일을 기준으로 원하는 파일의 위치 경로를 나타냅니다. 예시1) 예시2) 예시3) 예시4) ▶ 예시1의 경우, picture.jpg 파일이 현재 작업 중인 html 파일과 같은 폴더에 ..