본문 바로가기

분류 전체보기83

HTML main 태그, body 태그 내에서 핵심 콘텐츠를 감싸는 공간 MAIN 태그란? 태그는 HTML5에서 도입된 태그입니다. body 영역을 세분화하면서 생긴 태그에요. 이 태그는 웹 페이지의 주요 내용을 나타내는 영역이며, 태그와 마찬가지로 단 한 번만 사용합니다. 태그를 빼먹는다고 문제가 되지는 않지만 웹 구조를 체계적으로 만드는 태그라서 검색엔진이 좋아합니다. 예시 웹 페이지의 주요 내용 여기에 웹 페이지의 핵심 콘텐츠를 작성합니다. 태그가 태그 하위 구조로 들어가 있는 걸 볼 수 있습니다. 위의 태그를 박스로 구분해보면 아래와 같습니다. body 태그 안에서 컨텐츠가 착착 정리되는 기분이네요. 2023. 6. 5.
40대 코린이의 코딩 배우기 1주차 이야기 (23.05.28~23.06.04) 코딩 배우기 1주차 이야기 블로그를 만들고 코딩을 배워보겠노라 선언했습니다. 그리고 FreeCodeCamp 사이트를 이용해서 공부를 시작했지요. Responsive Web Design으로 시작했구요. 1주차에 강좌 6개를 완료했어요. 아직 9개 남았습니다 Learn HTML by Building a Cat Photo App Learn Basic CSS by Building a Cafe Menu Learn CSS Colors by Building a Set of Colored Markers Learn HTML Forms by Building a Registration Form Learn the CSS Box Model by Building a Rothko Painting Learn CSS Flexbox b.. 2023. 6. 4.
HTML의 핵심요소, 웹페이지의 내용을 담는 body 태그 BODY 태그란? HTML은 크게 환영합니다! 이곳은 내 웹 페이지의 내용을 담는 공간입니다. 링크 아래 그림처럼 박스를 쳐보면 더 쉽게 이해할 수 있어요 태그 안에는 아래와 같은 태그들을 통해서 컨텐츠를 만들수 있습니다. 아래 태그 외에도 많은 태그들이 존재합니다. 태그 설명 관련 포스트 ~ 콘텐츠의 제목을 작성할 때 사용 HTML 문서 제목을 만드는 H 태그, SEO 최적화 필수 태그 문단을 정의할 때 사용 HTML P 태그, 글을 구조화하고 가독성을 높이는 도구 링크를 걸때 사용 HTML의 핵심 요소, a 태그: 링크의 세계로의 초대 이미지 파일을 삽입할 때 사용 이미지 표현을 위한 HTML img 태그 웹페이지 구획을 나눌때 사용 웹 페이지 구성을 위한 HTML 태그 불렛 기호로 목록을 정리할 때.. 2023. 6. 4.
HTML Label 태그, input 태그와 함께 다니는 최적 조합 LABEL 태그란? HTML에서 Label 태그는 , 와 같이 사용자의 입력을 받는 태그와 함께 사용됩니다. 왜 label 태그가 함께 사용되는지 역할과 중요성에 대해 알아볼까요? 태그에 대해 더 알아보시려면 여기를 눌러주세요 사용법 사용자명: 태그는 태그 주변에 함께 있습니다 그리고 label 속성 for와 input 속성 id를 일치시켜야 해요 그래야 label에 입력된 text를 눌러도 input 요소로 커서(포커스)가 이동합니다 다른 예시를 볼께요. 이용 약관에 동의합니다 이번에는 label 태그가 input 뒤에 있습니다. 체크박스를 먼저 만들고 뒤에 텍스트가 이어지기 때문이에요 여기도 마찬가지로 input id "agree"와 label for "agree"가 동일하기 때문에 서로 연결되어 있.. 2023. 6. 3.

티스토리툴바