다음을 통해 공유


표 삽입 대화 상자

업데이트: 2007년 11월

표 삽입 대화 상자에서는 만들고 있는 새 표의 레이아웃을 지정할 수 있습니다.

표 삽입 대화 상자를 열려면

  1. Visual Web Developer에서 페이지를 디자인 뷰로 열고 표를 삽입할 위치에 커서를 놓습니다.

  2. 레이아웃 메뉴에서 표 삽입을 클릭합니다.

    표 삽입 대화 상자가 열립니다.

작업

UI 요소

  • 템플릿
    서식이 미리 지정된 표를 선택할 수 있는 드롭다운 목록을 사용할 수 있습니다. 이 옵션을 선택한 경우에는 서식이 미리 지정된 표를 선택한 다음 확인을 클릭하여 해당 레이아웃을 가진 표를 만들 수 있습니다.

  • 사용자 지정
    사용자가 지정하는 설정을 사용하여 표를 만들 수 있습니다.


  • 표의 행 수를 지정합니다. 결과 표에는 열 제목이 들어 있는 추가 행이 없습니다.


  • 열 수를 지정합니다. 각각의 td 태그는 특정 행에 단일 셀을 만듭니다.

  • 맞춤
    표를 문서 여백에 맞추는 방식을 지정합니다. 맞춤은 스타일 설정이 선택한 맞춤 방식과 일치하는 div 요소에 표를 넣는 방법으로 구현됩니다.

    표 레이아웃 맞춤 특성은 일반적인 맞춤 특성보다 우선합니다. 예를 들어, left 맞춤 특성이 할당된 table 요소가 center 요소 내에 삽입된 경우에 표는 가운데 맞춤 대신 왼쪽 맞춤으로 정렬됩니다.

  • 너비
    표의 전체 너비를 나타내며 텍스트 상자 옆에 있는 드롭다운 목록에서 단위를 선택합니다. 픽셀 또는 다른 절대 측정 단위를 선택하면 표의 절대 너비를 설정할 수 있습니다. 이 경우 표와 그 열은 화면 해상도에 관계없이 같은 너비를 유지합니다. 기본적으로 새 표에는 너비 설정이 없으므로 표의 너비가 내용에 따라 달라집니다.

    그러나 백분율(%)을 선택하면 표의 너비가 화면 해상도에 따라 달라집니다. 너비 값이 25%인 표는 항상 사용 가능한 화면 너비의 1/4이 됩니다.

  • 높이
    표의 전체 너비를 나타내며 텍스트 상자 옆에 있는 드롭다운 목록에서 측정 단위를 선택합니다. 픽셀 또는 다른 절대 측정 단위를 선택하면 표의 절대 높이를 설정할 수 있습니다. 높이 값을 입력하면 높이 값이 여는 table 요소에 스타일 특성으로 추가됩니다. 이 필드를 비워 두면 표의 높이가 내용에 따라 달라집니다.

  • 캡션
    표에 캡션 요소가 포함되도록 지정합니다. 캡션 요소는 표 위에 셀로 표시됩니다.

  • 테두리
    표 테두리의 크기를 픽셀 단위로 지정합니다. 테두리를 지정하지 않으려면 확인란의 선택을 취소합니다. 테두리 값은 여는 table 요소의 border 특성으로 추가됩니다.

  • 셀 안쪽 여백
    셀 내용과 셀 테두리 간의 공간 크기를 픽셀 단위로 지정합니다. 안쪽 여백 값은 여는 table 요소의 cellPadding 특성으로 추가됩니다.

  • 셀 간격
    셀 간의 공간 크기를 픽셀 단위로 지정합니다. 간격 값은 여는 table 요소의 cellSpacing 특성으로 추가됩니다.

  • 요약 설명
    table 요소의 summary 특성으로 삽입될 텍스트를 지정합니다. 일반적으로 요약에는 보조 기술을 사용하여 페이지를 읽는 사용자의 이해를 돕기 위한 표 및 해당 내용에 대한 설명이 포함되어 있습니다.

  • 셀 속성
    만드는 표의 모든 셀에 대한 설정을 지정할 수 있는 셀 속성 대화 상자를 표시합니다. 새 표를 만들 때는 셀 속성이 새 표의 모든 셀에 적용됩니다.

참고 항목

개념

Visual Web Developer에서의 HTML 표 편집 소개

Visual Web Developer에서 HTML 표 편집에 대한 팁