HTML 편집기
간단한 텍스트 편집기만 있으면 HTML을 배울 수 있습니다.
메모장 또는 텍스트 편집기를 사용하여 HTML 배우기
전문 HTML 편집기를 사용하여 웹 페이지를 만들고 수정할 수 있습니다.
그러나 HTML을 배우려면 메모장(PC) 또는 TextEdit(Mac)와 같은 간단한 텍스트 편집기를 사용하는 것이 좋습니다.
우리는 간단한 텍스트 편집기를 사용하는 것이 HTML을 배우는 좋은 방법이라고 믿습니다.
메모장 또는 텍스트 편집기를 사용하여 첫 번째 웹 페이지를 만들려면 아래 단계를 따르세요.
1단계: 메모장 열기(PC)
Windows 8 이상:
시작 화면 (화면 왼쪽 하단에 있는 창 기호)을 엽니다 . 메모장 을 입력 합니다.
Windows 7 또는 이전 버전:
시작 > 프로그램 > 보조프로그램 > 메모장을 엽니다 .
1단계: 텍스트 편집기 열기(Mac)
Finder 열기 > 응용 프로그램 > 텍스트 편집기
또한 응용 프로그램이 파일을 올바르게 저장하도록 일부 기본 설정을 변경합니다. 환경 설정 > 형식 > " 일반 텍스트" 선택
그런 다음 "열기 및 저장"에서 "HTML 파일을 서식 있는 텍스트 대신 HTML 코드로 표시" 확인란을 선택합니다.
그런 다음 새 문서를 열어 코드를 배치합니다.
2단계: HTML 작성
메모장에 다음 HTML 코드를 작성하거나 복사합니다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
3단계: HTML 페이지 저장
파일을 컴퓨터에 저장합니다. 메모장 메뉴에서 파일 > 다른 이름으로 저장을 선택 합니다.
파일 이름을 "index.htm" 으로 지정하고 인코딩을 UTF-8 (HTML 파일의 기본 인코딩)로 설정합니다.
팁: .htm 또는 .html을 파일 확장자로 사용할 수 있습니다. 차이가 없습니다, 그것은 당신에게 달려 있습니다.
4단계: 브라우저에서 HTML 페이지 보기
즐겨 사용하는 브라우저에서 저장된 HTML 파일을 엽니다(파일을 두 번 클릭하거나 마우스 오른쪽 버튼으로 클릭하고 "연결 프로그램" 선택).
결과는 다음과 같습니다.
W3Schools 온라인 편집기 - "직접 사용해 보기"
무료 온라인 편집기를 사용하여 HTML 코드를 편집하고 브라우저에서 결과를 볼 수 있습니다.
코드를 빠르게 테스트 하고 싶을 때 완벽한 도구 입니다. 또한 색상 코딩과 코드를 저장하고 다른 사람과 공유할 수 있는 기능이 있습니다.
예시
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
"Try it Yourself" 버튼을 클릭하여 작동 방식을 확인하십시오.
W3학교 공간
자신의 웹사이트를 만들고 코드를 온라인에 저장하려면 W3schools Spaces 라는 무료 웹사이트 빌더 를 사용해 보세요 .
