HTML 요소 추가

요소 도구를 사용하여 디자인 보기에서 문서에 HTML 태그를 추가할 수 있습니다. 요소 도구에서는 다른 요소의 컨테이너로 사용할 수 있는 div 요소를 기본적으로 생성합니다.

요소 도구 개요

요소를 추가하는 방법:

1. 툴바에서 요소 도구 를 클릭합니다.
2. 도구 옵션 막대에서 요소 유형을 선택합니다.
   • div 요소를 추가합니다.
   • img 요소(또는 AMPHTML 광고의 amp-img)를 추가합니다.
   • video 요소(또는 AMPHTML 광고의 amp-video)를 추가합니다.
   • 맞춤 요소를 추가합니다. 요소 입력란에 태그 이름을 입력합니다. HTML5 태그의 경우 입력란이 자동 완성되며, AMPHTML 광고에는 유효하지 않은 태그일 수 있습니다.
3. 스테이지에서 클릭하고 드래그하여 새 요소의 위치 및 크기를 지정합니다.

요소를 다른 요소 안에 중첩시키는 방법:

1. 툴바에서 선택 도구 를 클릭합니다.
2. 원하는 상위 요소를 더블클릭합니다. 상위 요소가 빨간색 윤곽선으로 표시되면서 선택할 수 없게 됩니다.
3. 새 하위 요소를 생성합니다. 요소를 더 깊게 중첩시키고 싶은 경우 하위 요소를 더블클릭할 수 있습니다.
4. 상위 요소 밖으로 이동하려면 아웃라이너 또는 페이지 표시기 옆에 있는 탐색경로 링크 를 사용하세요.