비디오: 반응형웹 2025
Adobe Dreamweaver CS6 의 표 를 생각하면 는 여러 개의 셀이있는 격자를 많이 생각합니다. 스프레드 시트처럼. 테이블은 HTML 페이지에서 사용되므로 요소와 데이터를 일련의 행과 열의 특정 셀 내에 포함하고 배치 할 수 있습니다.
표의 셀 색상을 변경하고 셀을 분할하거나 (다른 셀과 결합) 테두리를 적용 할 수 있습니다.
Dreamweaver에서 표를 만들려면 다음 단계를 수행하십시오. 표를 표시 할 위치에 커서를 놓고 [삽입] 패널의 [일반] 탭이 표시되는지 확인한 다음 [표] 단추를 클릭합니다. ->
또는 삽입 → 표를 선택할 수 있습니다. 어떤 방법을 사용하든 테이블 대화 상자가 나타납니다.
-
만들려는 표의 속성을 입력하거나 선택하십시오.
행:행 텍스트 상자에 원하는 행 수를 입력하십시오. 세로로 스택 된 행은 테이블을 만든 후에 추가 또는 삭제할 수 있습니다.
-
-
열: 열 텍스트 상자에 원하는 열 수를 테이블에 입력하십시오. 열은 표를 가로 질러 가로로 작성되며 열을 작성한 후 추가 또는 h 제할 수 있습니다.
표 너비: -
표 너비 텍스트 상자에 너비 측정 값을 입력 한 다음 오른쪽 드롭 다운 목록에서 측정 값 (픽셀 또는 퍼센트)을 선택합니다. 테이블 너비는 테이블의 기본 크기를 설정하기 때문에 중요한 속성입니다. 테두리 두께:
-
셀 주변 및 테이블 바깥 쪽 경계선 두께에 대해 원하는 두께를 입력하십시오 (픽셀 단위). 표 서식을 확인하려면 테두리 두께 텍스트 상자에 0
-
를 입력하십시오. 참고: 디자인보기에서 대시 테이블 테두리가 여전히 보이는데 이는 시각적 도움에 불과합니다. 셀 채우기: 채우기를 사용하여 셀 안의 모든 내용 주위에 여백을 만들려면 셀 채우기 텍스트 상자에 숫자를 입력하십시오. 셀 간격:
-
간격을 변경하여 셀 간격을 좁히려면 셀 간격 텍스트 상자에 숫자를 입력하십시오. 머리글:
-
머리글 확인란은 테이블의 맨 위 행을 표준 행에서 정의 된 머리글 ( 태그 사용)으로 변환합니다. 이렇게하면 첫 번째 행과 그 내용이 테이블의 헤더를 정의한다는 점이 강 조합니다.
-
접근성 옵션: 시각 장애가있는 사용자가 테이블의 내용을 이해할 수 있도록 추가 정보를 제공 할 수 있습니다.캡션 텍스트 상자에 테이블과 관련된 캡션을 추가하십시오. 요약 영역에서 여러 줄의 텍스트를 포함하여 테이블의 목적과 내용에 대한 자세한 정보를 제공하십시오.
확인을 클릭하십시오. 테이블이 생성되었습니다. 표를 사용하여 작업 할 때 Dreamweaver의 확장 테이블 기능을 이용하십시오. 삽입 패널의 레이아웃 섹션에서 확장 버튼을 찾습니다. 확장 된 뷰는 셀 패딩과 간격을 테이블에 추가하고 테두리 크기를 늘려 셀과 내용을 쉽게 선택하도록합니다.
정확한 미리보기를 위해 편집을 완료 한 후 표준보기로 돌아갑니다 (삽입 패널의 레이아웃 섹션에있는 표준 단추 클릭).
-