반응형 HTML3 시맨틱 태그란? 기본 개념부터 기능 태그까지 Semantic Tags를 알아보자! 시맨틱 태그?프로그래밍에서, 시맨틱은 코드 조각의 '의미'를 나타냅니다. 이 HTML 엘리먼트가 가진 목적이나 역할은 무엇일까요?많은 의미적 HTML 태그는 페이지의 레이아웃을 전달하게 됩니다.이러한 "구조적" 태그는 HTML4가 HTML5로 업그레이드되었을 때 도입되었으며,일반적으로 의미적 HTML5 태그 또는 의미적 HTML5 요소라고도 합니다. 시맨틱 태그 (Semantic Tags) 종류는 다음과 같습니다.시맨틱 태그 (Semantic Tags) 종류header헤더 태그는 페이지 상단에 위치하며 로고나 제목 등이 포함 navNavigation의 약자로 탐색 링크 즉 메뉴 링크를 모아놓은 영역을 말하며 태그 내에서 사용하기도 하고, 보조 탐색 태그로도 일반적으로 사용합니다.mainmain헤더와.. 2024. 10. 7. html 링크 연결 방법 정리 ( a 태그, button 태그 ) 코딩을 하다보면 링크 연결해야 할 일이 많은데요!대표적으로 a태그와 button태그가 있습니다. 생각보다 button 태그 경로 입력하는게 잘 안외워지네요;;; 1. a 태그태그 페이지의 이동, 페이지 내의 다른 영역으로의 이동 등 상호작용이 필요할 경우 사용됩니다.a 태그 링크 연결 속성값절대 주소(absolute URL) href="https://code-ruach.tistory.com"상대 주소(relative URL)href=“/lecture/logo.png”같은 페이지 내 연결에서 (id) href=“#top” ( 위치로 이동 됨)스크립트href=“javascript:alert(‘안녕하세요!’)” 2. button 태그단순 클릭 이벤트, form요소에 입력된 내용을 서버로 전송할 때 사.. 2024. 10. 6. 프론트엔드 / UI 애니메이션 코드 참고 사이트 (html, css) 코드 몰라도 ui 애니메이션을 만들 수 있습니다.상업적 활용도 가능하며 피그마로 복사까지 가능합니다. html 코드와 css 코드를 확인할 수 있습니다.당연히 복사하기도 가능하니 복사해서 사용해 보세요! Explore 3000+ Free UI Elements: CSS & TailwindLibrary of free and customizable UI elements made with CSS or Tailwind. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project.uiverse.io 2024. 6. 5. 이전 1 다음 반응형
