
표를 표현하는 태그 1. table : 테이블 영역을 나타내는 태그 2. caption : 테이블의 제목이나 설명을 작성하는 태그 3. tr : 테이블의 행을 의미하는 태그 4. th : 테이블의 제목 셀을 의미한다 / 부모 태그인 tr 안에 있어야 한다 5. td : 테이블의 일반 셀을 의미하며 테이블의 내용이 들어간다 / 부모 태그인 tr 안에 있어야 한다 6. border : 테이블 셀 주위의 선에 대한 처리 7. width : 테이블의 가로 너비를 설정한다 8. cellpadding: 셀과 셀 안의 컨텐츠와의 간격을 조절한다 9. cellspacing : 셀과 셀 사이의 간격을 설정한다 - 셀(열) 병합 속성 1. colspan : 같은 행의 열에 대한 칸을 병합한다 2. rowspan : 다른 ..

문서의 내용에 맞게 태그를 작성하여 브라우저나 개발자가 태그의 사용 의미를 확인 할 수 있도록 코딩하는 것 1. header - 홈페이지의 상단 로고나 메인메뉴를 담고 있다 - ~ 태그의 제목 내용을 가지고 있다 - 다른 header 태그나 footer 태그 등을 추가할 수 없다 로고 2. footer - 문서의 바닥글을 나타내며 저작권, 연락처 등이 있다 - 하나의 페이지에 여러개를 추가할 수 있으나 사이트 내용 특성상 권장하지 않는다 ... 연락처 : 02-000-0000 Cobyright 2022. XXX All Rights reserved 3. section - 문서의 일부분을 정의하며 제목이 있는 주제별 그룹이다 - ~ 태그 중 하나를 추가하는 것이 좋다 - 의미 있는 구역을 그룹화할때 사용하는..

1. section 주제 별로 영역을 그룹화 하기 위해 사용 되며 주로 자식 요소로 hn태그 (h1~h6) 태그와 일반적인 컨텐츠가 포함된다. 상품 소개 상품 1 상품 2 상품 3 2. article section 태그와 같이 주제 별로 영역을 그룹화할때 사용하지만 해당 페이지에서 다른 페이지나 다른 영역에 언제든지 독립적으로 갖다 붙힐 수 있는 영역을 그룹화한다. 블로그 및 SNS 영역 / 뉴스 기사 / 신문 내용 등에 사용된다 블로그 글 포스팅 1 포스팅 2 포스팅 3 3. 차이점 article은 내용이 독립적이다. article 태그는 section과 다르게 독립적으로 존재할 수 있으며 재사용 할 수 있다. section은 주제별로 구분한 그룹이다. 논리적으로 관계있는 요소 또는 문서를 분리할 때 ..

태그의 다른 페이지 또는 현재 페이지에서 다른 부분과 연결되는 링크들의 집합을 정의한다 메뉴, 목차, 색인(인덱스)등을 설정한다 HTML CSS Javascript HTML 문서의 독립적인 섹션(구역)을 정의한다, 보통 제목 요소(h1~h6)를 자식 요소로 포함하는 경우가 많다 HTML HTML(HyperText Markup Language)은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 마크업 언어이다. HTML의 역사 최초의 HTML은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.