HTML35 효과적인 이미지 및 콘텐츠 표현을 위한 HTML figure 태그 활용 FIGURE 태그란? 태그는 HTML5에서 도입되었습니다. 이미지, 그래픽, 동영상 컨텐츠와 설명을 그룹화하는 태그입니다. 사실 기능이 있다기 보다 이나 태그처럼 이 컨텐츠는 어떤 컨텐츠이다 알려주는 겁니다. 검색엔진이 잘 찾아볼 수 있도록 구조화하기 위한 태그이고 SEO에 중요합니다. 활용법 이미지 캡션 figure 태그는 열고 닫아야 하는 태그입니다 별다른 속성값이 없는 심플한 태그입니다 와 함께 다니는 태그 : 이미지를 삽입할 때 사용되는 태그 : 동영상을 삽입할 때 사용되는 태그 : 콘텐츠의 설명(캡션)을 표시할 때 사용되는 태그 2023. 6. 8. HTML Form 태그 : 효과적인 웹 폼 디자인과 상호작용을 위한 태그 FORM 태그란? 태그는 다양한 폼 요소를 생성하는 태그입니다. 폼은 우리가 흔히 보는 입력 창 등을 말합니다. 우리가 자주 쓰는 이메일도 여러가지 폼으로 구성되어 있죠. 제목, 수신/참조, 내용, 첨부파일 등 하지만, FORM 태그만 쓴다고 위의 모든 입력폼을 만들 수는 없습니다. 관련된 태그들이 같이 따라다녀요. 활용법 .... ... form 태그는 열고 닫아야 하는 태그입니다 method : 데이터의 전송 방식을 설정하는데 보통 post 또는 get으로 설정합니다 post, get은 HTTP를 활용한 방식입니다. get 방식 : URL에 요청값을 같이 보내는 방식이에요. 예를 들면 http://example.com/search?query=apple 이런 URL을 접해봤을텐데 apple이라는 검색어.. 2023. 6. 7. HTML footer 태그, 웹페이지의 마무리를 담당하는 태그 FOOTER태그란? 태그는 주로 웹 페이지 마지막에 등장합니다. 주로 저작권 정보, 연락처, 사이트 링크, 소셜 미디어 아이콘 등의 정보를 포함하고 있죠. 예시 © 2023 내 웹 페이지. 모든 권리 보유. 연락처 회사 소개 개인 정보 보호 정책 박스를 쳐서 보면 아래와 같은 위치입니다. footer 사례 우리가 잘 알고 있는 네이버, 카카오, 토스 홈페이지도 당연히 footer가 있습니다. 각 홈페이지의 푸터 영역은 아래와 같이 구성되어 있네요. 2023. 6. 6. HTML main 태그, body 태그 내에서 핵심 콘텐츠를 감싸는 공간 MAIN 태그란? 태그는 HTML5에서 도입된 태그입니다. body 영역을 세분화하면서 생긴 태그에요. 이 태그는 웹 페이지의 주요 내용을 나타내는 영역이며, 태그와 마찬가지로 단 한 번만 사용합니다. 태그를 빼먹는다고 문제가 되지는 않지만 웹 구조를 체계적으로 만드는 태그라서 검색엔진이 좋아합니다. 예시 웹 페이지의 주요 내용 여기에 웹 페이지의 핵심 콘텐츠를 작성합니다. 태그가 태그 하위 구조로 들어가 있는 걸 볼 수 있습니다. 위의 태그를 박스로 구분해보면 아래와 같습니다. body 태그 안에서 컨텐츠가 착착 정리되는 기분이네요. 2023. 6. 5. 이전 1 2 3 4 5 6 7 8 9 다음
