ⓘ 읽기 전에...

문단(p)

문서 편집기에서 Enter 는 ‘단락(p)’을 새롭게 만들고, 수정 중인 문단(줄)에서 사용한 요소나 스타일을 초기화 하여 새로운 문단(p)를 생성합니다. 문서 편집기 툴바 좌상단의 [스타일] 을 이용해 문단 속성을 지정하게 되고, 별도의 지정이 없다면 입력한 텍스트는 자동으로 문단의 속성을 갖게 됩니다.

• 단순 줄바꿈은 Shift+Enter 로 입력합니다.

• 문단 사이의 공백열을 만들기 위해서는 Enter를 입력 해 문단의 간격을 조정하세요.

제목(H1 ~ H6)

제목 요소는 문단의 상위 제목을 표기하기 위해 사용합니다. 작은 숫자일수록 상위 개념이고, 더 큰 글씨로 표시됩니다. 

단순히 글자를 크게 만드는 것 이외에도, 웹 문서의 구조적인 해석을 위해 제목을 적절히 사용하면 검색 엔진에서 유효한 컨텐츠로 인식될 가능성도 높아집니다.

제목1

제목2

제목3

제목4

제목5

제목6

구분선(HR)

글 작성 시 구분을 위해 사용하는 요소로서 도구막대의 [가로 줄 삽입] 을 이용해 추가합니다.
기본 속성은 가로 실선으로  표시되며, 추가 후 삽입 된 위치에 마우스를 더블클릭 또는 해당 요소를 Drag 하여 선택하고 [스타일] 선택상자에서 재단선(Dashed) / 점선(Dotted) / 좌우흐림(Fade) 의 속성으로 변경할 수 있습니다.

실선

재단선

점선

좌우흐림

글 상자(DIV.box01~05)

본문에 인용요소나 강조요소로서 사용할 글 상자를 추가할 수 있습니다.

• 글 상자에 넣을 글을 선택 후 [스타일] 에서 글 상자의 스타일을 지정하거나, 미리 글 상자를 지정해둔 뒤 내용을 작성하셔도 됩니다. 
• 글 상자 내부에서 '본문' 요소 또는 '제목' 요소를 지정하실 수 있습니다.
• 글 상자에서 줄바꿈을 하고 다면 Shift + Enter 를 입력해 줄바꿈을 할 수 있습니다.
• 글 상자를 해제하려면 도구막대의 [스타일] 선택상자에서 기 지정된 스타일을 다시한번 선택하면 해제됩니다.

인용구(Blockquote)

도구 막대의 [인용 단락] 을 선택하거나, 미리 입력된 텍스트를 Click&Drag 하여 지정 후 적용하여 인용구 표시를 할 수 있습니다.

인용구는 이와같이 표시되며, 줄바꿈을 하려면 Shift+Enter를 입력하시면 됩니다.

Enter를 2번 연속 입력하면 다시 본문 요소를 입력하도록 변경됩니다.

이미지(Img)

도구 막대에서 [이미지(Image)] 를 선택 시 편집기 화면에 이미지를 추가할 수 있습니다.

• 이미지는 기본적으로 인라인(Inline) 요소로 추가되고, 문단 정렬의 방식을 적용할 수 있습니다.
• 이미지 삽입/수정 시 정렬 을 지정하면 플로팅(Float)요소로 지정되고, 해당 요소의 좌/우측에 텍스트나 다른 이미지를 추가로 입력할 수 있습니다.
• 이미지의 크기 조정은 이미지에 마우스 커서를 올린(hover) 후 우측 하단의 검은 사각 점을 클릭 후 드래그 하여 임의로 크기 변경이 가능합니다.

테이블(Table)

도구 막대에서 [표]를 선택해 생성할 수 있습니다. 기본적으로 너비를 지정하지 않으면 가로를 꽉 채우는 100% 크기로 지정되지만, 표 생성 시 숫자를 입력하면 px단위로 강제됩니다. 가능하면 % 단위로 입력하거나, 입력하지 않는 편이 여러가지 화면 크기에 대응하기 용이합니다.

• 기본적으로 표의 테두리는 지정된 스타일로 표시되고, 임의의 속성으로 변경할 수 없습니다.
• 생성된 표의 셀 위에서 우클릭 시 행/열/칸 속성을 지정하거나 셀 병합/분할 등을 할 수 있습니다.
• 머릿칸(th) 을 지정한 행 또는 열은 별도의 배경색과 글자 굵기로 표시됩니다.

URL버튼(A)

버튼으로 만들 영역을 마우스로 드래그 하고, 도구 막대에서 [링크](Link)버튼을 눌러 URL 주소를 입력합니다. 

생성된 바로가기 URL 링크 텍스트에 커서를 둔 상태로 스타일에서 버튼을 지정합니다.

버튼(면) 

버튼(외곽선)