행렬
-
Tag - 테이블(table) 관련 4프론트엔드/HTML 2020. 8. 19. 03:53
과 일반적으로 테이블을 만드는 태그를 쓸 때 을 써주게 되면서 가로줄인 행을 기준으로 테이블의 구조를 짜게 된다. 그렇다보니 스타일을 지정할 때 열(column)만 따로 묶어서 표현하기 힘든 점이 있다. 그래서 생긴 것이 과 이다. 과 의 적용 구분 빨강 배경 파랑 배경 녹색 배경 구분2 빨강 배경 파랑 배경 녹색 배경 위와 같은 테이블을 만든다고 상상해보자. 구분 빨강 글씨 파랑 글씨 녹색 글씨 구분2 빨강 글씨 파랑 글씨 녹색 글씨 세로 줄 단위로 스타일을 적용하고 싶다면 우선 태그를 태그 안(과 사이)에 넣어준다. 구분 빨강 글씨 파랑 글씨 녹색 글씨 구분2 빨강 글씨 파랑 글씨 녹색 글씨 그리고 세로 줄의 의미하는 태그 4개를 안에 넣어준다. 한 개의 태그는 테이블에서 1개의 열을 의미한다. 이제..
-
Tag - 테이블(table) 관련 2프론트엔드/HTML 2020. 8. 19. 02:51
colspan과 rowspan 테이블을 이용하다보면 가끔 테이블 셀을 합칠 일이 생긴다. 그럴 때면 과 으로 나눠진다. 은 세로줄을 나타내고, 은 가로줄을 나타낸다. 하지만 span에서 은 가로 방향으로 셀을 합쳐주고 은 세로 방향으로 셀을 합친다. 과 모두 전체 테이블 칸수보다 더 많은 칸을 쓸 수 없다. 예를 들어 테이블 가로 세로 3칸짜리 테이블에서 과 에게는 3까지 줄 수 있다. 그 이상의 숫자는 주어져도 동작을 하지 않는다. 태그 - 가로방향 셀 병합 대형 마트 목록 이마트 롯데마트 홈플러스 대형마트 목록 이마트 롯데마트 홈플러스 태그를 쓰면 가로 방향으로 셀을 병합할 수 있다. 이때 의 최대 범위는 3이다. 태그 - 세로 방향 셀 병합 마트 목록 이마트 롯데마트 홈플러스 빅마트 이마트 트레이더..