방법: Visual Web Developer에서 HTML 표 요소 추가 및 제거

Visual Studio 2010

업데이트: 2007년 11월

표를 만든 후에는 행, 열, 셀 등과 같은 새 요소를 추가할 수 있습니다. 또한 기존 요소를 제거할 수도 있습니다.

표를 추가하려면

  • 다음 표에 나열된 단계 중 하나를 수행합니다.

    표 형식

    단계

    내용 및 특성이 설정되지 않은 표

    • 도구 상자의 HTML 그룹에서 Table 요소를 페이지로 끌어 옵니다.

      각각 세 개의 행과 열로 구성된 표가 만들어집니다.

    만들 때 지정한 특성이 설정된 표

    • 레이아웃 메뉴에서 표 삽입을 클릭한 다음 표 삽입 대화 상자에서 표 및 셀 옵션을 지정합니다.

행, 열 또는 셀을 표에 추가하려면

  • 다음 표에 나열된 단계 중 하나를 수행합니다.

    표 요소

    단계

    표 내부의 행

    • 새 행을 삽입할 위치 옆에 있는 행에 삽입 지점을 놓은 다음 레이아웃 메뉴에서 삽입을 클릭하고 위에 행 삽입 또는 아래에 행 삽입을 클릭합니다.

      -또는-

      새 행을 삽입할 행에서 임의의 위치를 마우스 오른쪽 단추로 클릭하고 삽입을 클릭한 다음 위에 행 삽입 또는 아래에 행 삽입을 클릭합니다.

    표 끝의 행

    • 표의 마지막 셀에서 Tab 키를 누릅니다.

    • 새 열을 삽입할 위치 옆에 있는 열의 셀에 삽입 지점을 놓은 다음 레이아웃 메뉴에서 삽입을 클릭하고 오른쪽에 열 삽입 또는 왼쪽에 열 삽입을 클릭합니다.

      -또는-

      새 열을 추가할 열에서 임의의 위치를 마우스 오른쪽 단추로 클릭하고 삽입을 클릭한 다음 왼쪽에 열 삽입 또는 오른쪽에 열 삽입을 클릭합니다.

    8968252c.alert_note(ko-kr,VS.100).gif참고:
    편집기를 사용하여 행의 셀 수가 일정하지 않은 표를 만들 수 있습니다. 이 때 다른 행에 있는 일정하지 않은 개수의 셀을 포함할 수 있도록 셀이 자동으로 확장되지 않습니다.
    • 새 셀을 삽입할 위치 옆에 있는 셀에 삽입 지점을 놓은 다음 레이아웃 메뉴에서 삽입을 클릭하고 왼쪽에 셀 삽입 또는 오른쪽에 셀 삽입을 클릭합니다.

      -또는-

      새 셀을 삽입할 열에서 임의의 위치를 마우스 오른쪽 단추로 클릭하고 삽입을 클릭한 다음 왼쪽에 셀 삽입 또는 오른쪽에 셀 삽입을 클릭합니다.

표 캡션을 추가하려면

  1. 캡션을 추가할 표를 선택합니다.

  2. 레이아웃 메뉴에서 삽입을 클릭한 다음 캡션을 클릭합니다.

셀을 결합하거나 병합하여 다른 열로 확장되는 열 또는 행을 만들 수 있습니다. 예를 들어 세 개의 열이 포함된 표에서 맨 위에 있는 행의 셀을 결합하여 세 열에 모두 걸친 단일 행을 만들 수 있습니다.

표 셀을 병합하려면

  1. 병합할 표 셀을 선택합니다. 자세한 내용은 방법: Visual Web Developer에서 HTML 표 요소 및 내용 선택을 참조하십시오.

    8968252c.alert_note(ko-kr,VS.100).gif참고:

    선택한 셀이 사각형 영역이 될 경우에만 표 셀을 병합할 수 있습니다.

  2. 레이아웃 메뉴에서 셀 병합을 클릭합니다.

    -또는-

    선택한 표 셀을 마우스 오른쪽 단추로 클릭한 다음 셀 병합을 클릭합니다.

    선택한 표 셀은 태그에 추가된 colspan 또는 rowspan 특성에 따라 단일 셀로 병합됩니다.

표 요소를 제거하면 해당 요소가 페이지에서 영구적으로 삭제됩니다.

표를 제거하려면

  • 레이아웃 메뉴에서 삭제를 클릭한 다음 를 클릭합니다.

    -또는-

    표를 선택한 다음 Delete 키를 누릅니다.

표에서 행 또는 열을 제거하려면

  1. 제거할 행 또는 열에 삽입 지점을 놓습니다. 셀을 삭제하는 경우에는 삭제할 셀을 하나 이상 선택합니다. 자세한 내용은 방법: Visual Web Developer에서 HTML 표 요소 및 내용 선택을 참조하십시오.

  2. 레이아웃 메뉴에서 삭제를 클릭한 다음 또는을 클릭합니다.

    -또는-

    삭제할 표 행 또는 열을 선택한 다음 백스페이스 키를 누릅니다.

표 셀을 제거하려면

  1. 삭제할 표 셀을 하나 이상 클릭합니다. 자세한 내용은 방법: Visual Web Developer에서 HTML 표 요소 및 내용 선택을 참조하십시오.

  2. 레이아웃 메뉴에서 삭제를 클릭한 다음 을 클릭합니다.

    -또는-

    삭제할 표 셀을 하나 이상 선택한 다음 백스페이스 키를 누릅니다.

표시: