HTML Study3 HTML 테이블 요소 HTML에서 테이블 요소들은 표 데이터를 구조화하고 시각적으로 표현하는 데 사용됩니다. , , , , , , 같은 태그들이 표를 구성하는 기본적인 구성 요소입니다. 1. : 테이블을 정의역할: HTML 문서 내에서 표를 정의하는 가장 상위 태그입니다.속성:border: 테이블의 테두리 굵기를 지정합니다.width, height: 테이블의 전체 너비와 높이를 지정합니다.align: 테이블의 위치를 지정합니다. (left, center, right)예시: 2. : 테이블 행을 정의역할: 하나의 행을 정의합니다. 이 안에 여러 개의 데이터 셀(td)이나 헤더 셀(th)이 포함됩니다.예시: 첫 번째 셀 두 번째 셀 3. : 데이터 셀을 정의역할: 표의 일반 데이터 셀.. 2024. 10. 4. HTML 폼 태그 1. 태그HTML에서 태그는 사용자 입력을 서버로 전송하는 양식을 정의합니다.주요 속성:method: 데이터를 전송할 HTTP 메서드.GET: URL에 데이터를 포함하여 전송.POST: 데이터를 본문에 포함하여 전송.action: 데이터를 전송할 서버의 URL을 지정합니다.name: 폼의 이름을 지정하며, 서버에서 폼 데이터를 구분할 때 사용됩니다.target: 폼 데이터를 전송한 후 응답을 표시할 위치를 지정합니다._self: 같은 탭에서 응답을 표시 (기본값)._blank: 새 탭에서 응답을 표시.autocomplete: 자동 완성 기능을 활성화하거나 비활성화.on: 자동 완성 기능 활성화.off: 자동 완성 기능 비활성화.2. 태그와 태그: 여러 입력 요소를 그룹화할 때 사용합니다.: 그룹의.. 2024. 10. 2. 시맨틱 태그 (+ 테이블 생성, 합치기) 시맨틱 태그(Semantic Tags)는 HTML5에서 도입된 태그들로, 요소의 의미를 명확하게 설명해주는 태그들입니다. 즉, 단순히 레이아웃을 구성하는 역할을 넘어, 태그 자체가 그 내용의 의미를 나타내는 기능을 합니다.시맨틱 태그를 사용하는 이유코드 가독성: 시맨틱 태그는 코드의 의미를 명확히 표현해주므로, 개발자나 유지보수자가 코드를 읽을 때 쉽게 이해할 수 있습니다. 예를 들어, div 태그 대신 header, footer 등을 사용하면, 해당 부분이 어떤 역할을 하는지 명확히 알 수 있습니다.SEO(Search Engine Optimization): 검색 엔진은 시맨틱 태그를 통해 웹 페이지의 구조를 더 잘 이해할 수 있습니다. **검색 엔진 최적화(SEO)**에 유리하게 작용하며, 웹 페이지가.. 2024. 10. 2. 이전 1 다음