HTML Designer

 

HTML 디자이너에서는 HTML 문서를 만들고 수정할 수 있는 편집기와 도구를 제공합니다. 편집 뷰에는 다음 세 가지가 있습니다.

• 디자인 뷰   이 뷰에서는 HTML 페이지를 시각적으로 편집하고, 도구 상자에서 요소를 삽입하고, 이 요소의 크기를 조정하고, 이를 배치 및 정렬한 다음 그 결과를 즉시 볼 수 있습니다.

• 소스 뷰   이 뷰에서는 HTML을 직접 편집하고 팝업 문 완성 목록에서 특성과 속성을 삽입하고 태그의 유효성을 검사할 수 있습니다.

• 분할 뷰   분할 뷰를 사용하면 디자인 뷰 모두에서 문서를 보고 편집할 수 있습니다. 기본적으로 두 개의 창이 수직으로 정렬되지만 옵션 대화 상자, HTML 디자이너, 일반에서 뷰 세로 분할을 선택하여 이 동작을 변경할 수 있습니다.

단원 내용

• Design View
  HTML 문서 만들기 및 편집을 위한 그래픽 환경을 제공합니다.

• Positioning Elements in Design View
  웹 페이지에서 요소가 배치되는 방식에 대해 설명합니다.

• 하이퍼링크 대화 상자
  문서에서 선택된 문자열이나 이미지 주위에 인코딩될 하이퍼링크 점프의 링크 형식 및 대상 위치를 지정할 수 있습니다.

• 표 삽입 대화 상자, 표
  표를 삽입하고 표의 크기와 모양을 다양하게 선택할 수 있습니다.

• 이름 및 암호 필요 대화 상자
  필요한 경우 FrontPage 관리자 권한을 보유하는 사용자의 ID와 암호를 입력하라고 요청합니다.

• 정규식 편집기
  RegularExpressionValidator 컨트롤의 ValidationExpression 속성을 편집할 수 있습니다.

• Select 속성 페이지 대화 상자
  HTML 문서에서 select 요소의 속성과 옵션을 지정할 수 있습니다.

• 옵션 대화 상자, HTML 디자이너, CSS
  CSS 편집기의 기본 설정을 변경할 수 있습니다.

• 옵션 대화 상자, HTML 디자이너, CSS 스타일 지정
  디자인 뷰에서 CSS 스타일이 적용되는 방식의 기본 설정을 변경할 수 있습니다.

• 옵션 대화 상자, HTML 디자이너, 눈금자와 모눈
  디자인 뷰의 눈금자, 모눈 및 모눈 맞추기 기능의 모양에 영향을 주는 HTML 디자이너의 기본 설정을 변경할 수 있습니다.

• 옵션 대화 상자, HTML 디자이너, 보기
  HTML 디자이너에서 디자인 뷰의 페이지에 대해 UI(사용자 인터페이스) 모양에 영향을 주는 기본 표시 설정을 변경할 수 있습니다.

관련 단원

• Web Forms Designer
  컨트롤을 폼에 추가하여 정렬하고 해당 이벤트에 대한 코드를 작성할 수 있습니다.

• 도구 상자, HTML 탭
  웹 페이지와 Web Forms에서 유용한 구성 요소를 제공합니다.

• 프로젝트 항목 선택 대화 상자
  웹 사이트의 페이지, 구성 요소, 그래픽 또는 다른 파일을 선택할 수 있습니다.

참고 항목

Walkthrough: Basic HTML Editing in Visual Studio for Web Forms Pages
Walkthrough: Advanced HTML Editing in Visual Studio for Web Forms Pages