Dreamweaver에서 HTML 서식을 사용하는 방법

Dreamweaver에서 HTML 서식을 사용하여 단락의 서식을 설정하고, 텍스트 색상을 변경하고, 텍스트를 정렬 및 들여쓰고, 글꼴 스타일을 적용하는 방법을 살펴봅니다.

CSS는 텍스트에 서식을 적용하는 데 선호되는 방법이지만 여전히 Dreamweaver를 사용하여 HTML로 텍스트의 서식을 적용할 수 있습니다.

HTML 속성 관리자의 [서식] 팝업 메뉴를 사용하거나 [편집] > [단락 서식] 하위 메뉴를 사용하여 표준 단락과 머리글 태그를 적용합니다.

단락에 삽입 포인터를 놓거나, 단락에서 일부 텍스트를 선택합니다.

[편집] > [단락 서식] 하위 메뉴나 속성 관리자의 [서식] 팝업 메뉴를 사용하여 다음 옵션을 선택합니다.

단락 서식(예: 머리글 1, 머리글 2, 서식 유지 텍스트 등)을 선택합니다. 선택한 스타일에 해당하는 HTML 태그(예: [머리글 1]에 해당하는 h1, [머리글 2]에 해당하는 h2, [서식 유지 텍스트]에 해당하는 pre)가 전체 단락에 적용됩니다.
단락 서식을 제거하려면 [없음]을 선택합니다.
단락에 머리글 태그를 적용하면 Dreamweaver에서 자동으로 다음 텍스트 행이 표준 단락으로 추가됩니다. 이 설정을 변경하려면 [편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택하고 [일반] 범주에서 [편집 옵션] 아래에 있는 [머리글 다음에 일반 단락으로 전환]의 선택을 해제해야 합니다.

페이지에 있는 모든 텍스트의 기본 색상을 변경하거나 페이지에서 선택한 텍스트의 색상을 변경할 수 있습니다.

[파일] > [페이지 속성] > [모양 (HTML)]를 선택한 다음 텍스트 색상, 링크 색상, 방문한 링크 및 활성 링크 옵션의 색상을 선택합니다.

참고:

활성 링크 색상이란 링크를 클릭하는 동안 바뀌는 색상을 말합니다. 일부 웹 브라우저에서는 지정한 색상이 사용되지 않을 수도 있습니다.

[서식] > [정렬] 하위 메뉴를 사용하여 HTML로 텍스트를 정렬합니다. [서식] > [정렬] > [가운데] 명령을 사용하면 페이지의 모든 요소를 가운데 놓을 수 있습니다.

정렬할 텍스트를 선택하거나 텍스트의 시작 부분에 포인터를 삽입합니다.

[서식] > [정렬]을 선택하고 정렬 명령을 선택합니다.

가운데에 정렬할 요소(이미지, 플러그인, 표 또는 기타 페이지 요소)를 선택합니다.

[서식] > [정렬] > [가운데]를 선택합니다.

참고:

텍스트의 전체 블록을 정렬하여 가운데에 놓을 수 있지만 머리글이나 단락의 일부분을 정렬하거나 가운데에 놓을 수는 없습니다.

[들여쓰기] 명령은 텍스트 단락에 blockquote HTML 태그를 적용하여 페이지 양쪽에서 텍스트를 들여씁니다.

들여쓸 단락에 삽입 포인터를 놓습니다.

[서식] > [들여쓰기] 또는 [내어쓰기]를 선택하거나 컨텍스트 메뉴에서 [목록] > [들여쓰기] 또는 [내어쓰기]를 선택합니다.

참고:

한 단락에 들여쓰기를 여러 개 적용할 수 있습니다. 이 명령을 선택할 때마다 문서의 양쪽에서 텍스트를 들여씁니다.

HTML을 사용하여 문자 하나 또는 사이트의 전체 단락 및 텍스트 블록에 텍스트 서식을 적용할 수 있습니다. [서식] 메뉴를 사용하여 선택된 텍스트의 글꼴 특성을 설정하거나 변경할 수 있습니다. 글꼴 종류, 스타일(굵게 또는 기울임체) 및 크기를 설정할 수 있습니다.

텍스트를 선택합니다. 텍스트를 선택하지 않으면 이후에 입력하는 텍스트에 해당 옵션이 적용됩니다.

다음 옵션 중에서 선택합니다.

글꼴을 변경하려면 [서식] > [글꼴] 하위 메뉴에서 글꼴 조합을 선택합니다. 이전에 적용한 글꼴을 제거하려면 [기본값]을 선택합니다. [기본값]은 선택한 텍스트에 기본 글꼴을 적용합니다. 기본 글꼴은 브라우저의 기본 글꼴이나 CSS 스타일 시트에서 해당 태그에 할당된 글꼴입니다.
글꼴 스타일을 변경하려면 [서식] > [스타일] 하위 메뉴에서 글꼴 스타일(굵게, 기울임체, 밑줄 등)을 선택합니다.

Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

HTML 서식 사용