웹개발20 HTML footer 태그, 웹페이지의 마무리를 담당하는 태그 FOOTER태그란? 태그는 주로 웹 페이지 마지막에 등장합니다. 주로 저작권 정보, 연락처, 사이트 링크, 소셜 미디어 아이콘 등의 정보를 포함하고 있죠. 예시 © 2023 내 웹 페이지. 모든 권리 보유. 연락처 회사 소개 개인 정보 보호 정책 박스를 쳐서 보면 아래와 같은 위치입니다. footer 사례 우리가 잘 알고 있는 네이버, 카카오, 토스 홈페이지도 당연히 footer가 있습니다. 각 홈페이지의 푸터 영역은 아래와 같이 구성되어 있네요. 2023. 6. 6. HTML main 태그, body 태그 내에서 핵심 콘텐츠를 감싸는 공간 MAIN 태그란? 태그는 HTML5에서 도입된 태그입니다. body 영역을 세분화하면서 생긴 태그에요. 이 태그는 웹 페이지의 주요 내용을 나타내는 영역이며, 태그와 마찬가지로 단 한 번만 사용합니다. 태그를 빼먹는다고 문제가 되지는 않지만 웹 구조를 체계적으로 만드는 태그라서 검색엔진이 좋아합니다. 예시 웹 페이지의 주요 내용 여기에 웹 페이지의 핵심 콘텐츠를 작성합니다. 태그가 태그 하위 구조로 들어가 있는 걸 볼 수 있습니다. 위의 태그를 박스로 구분해보면 아래와 같습니다. body 태그 안에서 컨텐츠가 착착 정리되는 기분이네요. 2023. 6. 5. HTML의 핵심요소, 웹페이지의 내용을 담는 body 태그 BODY 태그란? HTML은 크게 환영합니다! 이곳은 내 웹 페이지의 내용을 담는 공간입니다. 링크 아래 그림처럼 박스를 쳐보면 더 쉽게 이해할 수 있어요 태그 안에는 아래와 같은 태그들을 통해서 컨텐츠를 만들수 있습니다. 아래 태그 외에도 많은 태그들이 존재합니다. 태그 설명 관련 포스트 ~ 콘텐츠의 제목을 작성할 때 사용 HTML 문서 제목을 만드는 H 태그, SEO 최적화 필수 태그 문단을 정의할 때 사용 HTML P 태그, 글을 구조화하고 가독성을 높이는 도구 링크를 걸때 사용 HTML의 핵심 요소, a 태그: 링크의 세계로의 초대 이미지 파일을 삽입할 때 사용 이미지 표현을 위한 HTML img 태그 웹페이지 구획을 나눌때 사용 웹 페이지 구성을 위한 HTML 태그 불렛 기호로 목록을 정리할 때.. 2023. 6. 4. 인터랙티브 웹페이지 구현을 위한 HTML Input 태그의 활용 INPUT 태그란? 태그는 말 그대로 어떤 정보를 넣는 기능을 가지고 있습니다. 사용자로부터 정보를 입력받을 수 있도록 도와줍니다. 웹페이지에서 로그인을 하거나 메뉴를 선택하거나 할 때 다양한 형태의 데이터를 입력받을 수 있도록 합니다. 사용법 태그는 여러 가지 속성을 함께 적어야 합니다. 태그는 self-closing tag라서 쌍으로 적지 않아도 됩니다. 먼저 type을 정해야 하는데요 text : 일반적인 텍스트를 입력받을 수 있습니다 number : 숫자만 받을 수 있습니다 checkbox : 여러개를 선택할 수 있는 네모난 박스를 만들 수 있습니다 radio : 하나만 선택할 수 있는 동그란 원을 만들 수 있습니다 password : 암호를 입력받을 수 있어요. 입력받은 값은 아스타리스크 (*).. 2023. 6. 2. 이전 1 2 3 4 5 다음
