웹접근성2 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. HTML 문서 제목을 만드는 H 태그, SEO 최적화 필수 태그 H 태그란? 제목(heading)을 정의하는 데 사용되는 태그입니다. h 태그는 웹 페이지의 구조를 형성하고 제목과 하위 제목을 표시합니다. h 태그는 h1부터 h6까지 6가지가 있습니다. h1은 가장 큰 제목을 나타내며, h6은 가장 작은 제목을 나타냅니다. 사용법 TEXT H1에서 H6 사이 제목 수준을 정하고 태그를 열고 닫기 태그 사이에 원하는 텍스트 작성하기 코드 작성 Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 결과 확인 See the Pen H tag by 40's Programmer (@40sProgrammer) on CodePen. 왜 H 태그를 써야 하나? 웹페이지를 만드는 이유는 다른 사람들에게 공유하기 위함입니다. 때문에.. 2023. 5. 27. 이전 1 다음