티스토리 뷰

4학년 1학기/HTML

HTML 편집기

Hading 2017. 3. 6. 14:36

메모장 또는 텍스트 편집기를 사용하여 HTML 작성

전문적인 HTML 편집기를 사용하여 웹 페이지를 작성하고 수정할 수 있습니다.

그러나 HTML을 배우려면 메모장 (PC)이나 텍스트 편집기 (Mac)와 같은 간단한 텍스트 편집기를 사용하는 것이 좋습니다.

간단한 텍스트 편집기를 사용하는 것이 HTML을 배우는 좋은 방법이라고 생각합니다.

메모장이나 텍스트 편집기로 첫 번째 웹 페이지를 만들려면 아래의 네 단계를 따르십시오.


1 단계 : 메모장 (PC) 열기

Windows 8 이상 :

시작 화면을 엽니 다 화면 왼쪽 하단의 창 기호). 메모장을 입력 하십시오 .

Windows 7 또는 이전 버전 :

열기 시작 > 프로그램> 보조 프로그램> 메모장


1 단계 : TextEdit 열기 (Mac)

Finder 열기 > 응용 프로그램> TextEdit

또한 일부 기본 설정을 변경하여 응용 프로그램이 파일을 올바르게 저장하게하십시오. 에서 환경 설정> 형식> 선택 "일반 텍스트"

그런 다음 "열기 및 저장"에서 "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 파일의 기본 인코딩)으로 설정하십시오.



4 단계 : 브라우저에서 HTML 페이지보기

선호하는 브라우저에서 저장된 HTML 파일을 엽니 다 (파일을 두 번 클릭하거나 마우스 오른쪽 버튼으로 클릭하고 "연결 프로그램"을 선택하십시오).

결과는 다음과 같이 보입니다.



'4학년 1학기 > HTML' 카테고리의 다른 글

HTML 표제  (0) 2017.03.06
HTML 속성  (0) 2017.03.06
HTML 요소  (0) 2017.03.06
HTML 기본 예제  (0) 2017.03.06
HTML Introcuction  (0) 2017.03.06
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함