HTML문법18 HTML 테이블 헤더(Table Headers) HTML 테이블에는 각 열 또는 행 또는 많은 열/행에 대한 헤더가 있을 수 있다. 아래 그림은 테이블 헤더의 다양한 예시이다. HTML 테이블 헤더 테이블 헤더는 th 요소로 정의된다. 각 th 요소는 테이블 셀을 나타낸다. 테이블 헤더 이름 성 나이 길동 홍 50 영희 이 94 철수 김 80 수직 테이블 헤더(Vertical Table Header) 첫 번째 열을 테이블 머리글로 사용하려면, 각 행의 첫 번째 셀을 th 요소로 정의합니다: 수직 테이블 헤더 각 테이블 행의 첫 번째 테이블 셀을 TH 요소로 설정하면 첫 번째 열이 테이블 헤더가 됩니다: 이름 길동 철수 성 홍 김 나이 50 94 테이블 헤더 정렬 기본적으로 테이블 헤더는 굵고 가운데 정렬로 설정되어 있다. 테이블 헤더를 왼쪽 정렬하려면.. 2023. 5. 8. HTML 테이블 크기(Table Sizes) HTML 테이블은 각 열, 행 또는 전체 테이블의 크기가 다를 수 있다. 아래 그림은 다양한 테이블 크기의 예시이다. width 또는 height 속성과 함께 style 속성을 사용하여 테이블, 행 또는 열의 크기를 지정한다. HTML 테이블 너비(Table Width) 표 너비를 100%로 설정한다: 100% 너비 HTML 테이블 이름 성 나이 길동 홍 50 영희 이 94 철수 김 80 참고: 너비에 대한 크기 단위로 백분율을 사용하는 것은 이 요소가 부모 요소(이 경우에는 요소)와 비교되는 너비를 의미한다. HTML 테이블 열 너비 특정 열의 크기를 설정하려면, 또는 요소에 style 특성을 추가한다: 첫 번째 열을 테이블 너비의 70%로 설정 이름 성 나이 길동 홍 50 영희 이 94 철수 김 80.. 2023. 5. 7. HTML 테이블(Table) HTML 테이블을 사용하면 웹 개발자가 데이터를 행과 열로 정렬할 수 있다. HTML 표 회사 연락처 국가 삼성 김철수 대한민국 애플 이영희 미국 Ernst Handel Roland Mendel Austria BMW 박희애 독일 테슬라 최슬라 캐나다 HTML 테이블 정의하기 HTML의 표는 행과 열 내부의 표 셀로 구성된다. HTML 기본 테이블 회사 연락처 국가 삼성 김철수 대한민국 애플 이영희 미국 Ernst Handel Roland Mendel Austria 예제를 더 잘 이해하기 위해 표에 테두리를 추가했습니다. 테이블 셀(Table Cells) 각 테이블 셀은 및 태그로 정의된다. 테이블 데이터를 의미한다. 와 사이의 모든 것이 표 셀의 내용이다. TD요소는 테이블 셀을 정의한다. C언어 파이썬.. 2023. 5. 5. HTML 페이지 제목(Page Title) 모든 웹 페이지에는 페이지의 의미를 설명하는 페이지 제목이 있어야 한다. 요소는 페이지에 제목을 추가한다: HTML Tutorial The content of the document...... 제목은 브라우저의 제목 표시줄에 표시된다: 제목은 페이지의 내용과 의미를 설명해야 한다. 페이지 제목은 검색 엔진 최적화(SEO)에 매우 중요하다. 텍스트는 검색 엔진 알고리즘에서 검색 결과에 페이지를 나열할 때 순서를 결정하는 데 사용된다. 요소: 브라우저 도구 모음에서 제목 정의 즐겨찾기에 추가된 페이지의 제목을 제공한다 페이지의 제목을 검색 엔진 검색기에 표시한다 그러니, 제목을 가능한 한 정확하고 의미 있게 만든다! HTML 태그 태그 내용 문서의 제목을 정의한다. 마무리 HTML 문서의 제목은 단순히 문서.. 2023. 5. 4. 이전 1 2 3 4 5 다음