방법: 디자인 뷰에서 HTML 표 만들기 및 편집

Visual Studio 2010

업데이트: 2007년 11월

HTML 디자이너는 웹 페이지에서 표를 쉽게 만들고 편집할 수 있는 도구를 제공합니다.

0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

이 항목에서는 페이지 레이아웃을 만들고 열에 데이터를 표시하는 데 자주 사용되는 HTML 표 요소에 대해 설명합니다. 표를 동적으로 만들려면 Table ASP.NET 웹 서버 컨트롤을 사용합니다. 자세한 내용은 Table, TableRow 및 TableCell 웹 서버 컨트롤(Visual Studio)을 참조하십시오.

도구 상자 창에서 표를 만들려면

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

레이아웃 메뉴에서 표를 만들려면

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

  2. 표 삽입 대화 상자에서 표 속성을 지정한 다음 확인을 클릭합니다.

    0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

    표에 테두리가 없으면 보기 메뉴의 테두리 표시를 선택하여 테두리 윤곽을 표시할 수 있습니다.

표 셀에 내용을 추가하려면

  • 디자인 뷰에서 내용을 추가할 셀에 삽입 지점을 놓은 다음 텍스트를 입력합니다.

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

  1. 새 열, 행 또는 셀을 삽입할 위치 옆에 있는 열이나 행의 셀에 삽입 지점을 놓습니다.

    0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

    셀 안에 커서만 두면 되고 전체 열, 행 또는 셀을 선택할 필요가 없습니다.

  2. 레이아웃 메뉴에서 삽입을 클릭한 다음 적절한 명령을 클릭하여 열, 행 또는 셀을 삽입합니다.

    0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

    열 또는 행을 마우스 오른쪽 단추로 클릭하고 삽입을 클릭한 다음 적절한 명령을 클릭할 수도 있습니다.

표, 열, 행 또는 셀을 선택하려면

  1. 선택할 표, 열 또는 행의 셀에 삽입 지점을 놓습니다.

  2. 레이아웃 메뉴에서 선택을 클릭한 다음 , , 또는 을 클릭합니다.

셀을 병합하려면

  1. 병합할 셀을 선택합니다.

    0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

    Ctrl 키를 누른 상태에서 인접한 셀을 클릭하여 이러한 셀을 모두 선택할 수 있습니다.

  2. 선택한 셀을 마우스 오른쪽 단추로 클릭한 다음 바로 가기 메뉴에서 셀 병합을 클릭합니다.

    여러 셀이 단일 셀로 병합되면서 원래 셀들의 너비를 유지합니다.

표 요소의 크기를 조정하려면

  1. 행 또는 열을 마우스 오른쪽 단추로 클릭하고 선택을 클릭한 다음 크기를 조정할 요소를 클릭합니다.

  2. 원하는 크기가 될 때까지 요소의 테두리를 끕니다.

    크기를 조정하는 요소의 크기가 표에 표시됩니다.

    0fz1zbtd.alert_note(ko-kr,VS.100).gif참고:

    선택 영역에 포함된 여러 요소의 크기 단위가 다른 경우(예: 백분율과 픽셀) 요소의 크기를 조정하면 모든 요소의 크기 단위가 픽셀로 변경됩니다.

표시: