Write HTML Using Notepad or TextEdit
메모장 또는 텍스트 편집기를 사용하여 HTML 작성
Web pages can be created and modified by using professional HTML editors.
전문적인 HTML 편집기를 사용하여 웹 페이지를 작성하고 수정할 수 있습니다.
However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
그러나 HTML을 배우려면 메모장 (PC)이나 텍스트 편집기 (Mac)와 같은 간단한 텍스트 편집기를 사용하는 것이 좋습니다.
We believe using a simple text editor is a good way to learn HTML.
간단한 텍스트 편집기를 사용하는 것이 HTML을 배우는 좋은 방법이라고 생각합니다.
Follow the four steps below to create your first web page with Notepad or TextEdit.
메모장이나 텍스트 편집기로 첫 번째 웹 페이지를 만들려면 아래의 네 단계를 따르십시오.
Step 1: Open Notepad (PC)
Windows 8 or later:
Windows 8 이상 :
Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
시작 화면을 엽니다 ( 화면 왼쪽 하단의 창 기호). 메모장을 입력 하십시오 .
Windows 7 or earlier:
Windows 7 이전 :
Open Start > Programs > Accessories > Notepad
열기 시작 > 프로그램> 보조 프로그램> 메모장
Step 1: Open TextEdit (Mac)
Open Finder > Applications > TextEdit
Finder 열기 > 응용 프로그램> TextEdit
Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
또한 일부 기본 설정을 변경하여 응용 프로그램이 파일을 올바르게 저장하게하십시오. 에서 환경 설정> 형식> 선택 "일반 텍스트"
Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".
그런 다음 '열기 및 저장'에서 'HTML 파일을 형식이 아닌 HTML 코드로 표시'라는 상자를 선택하십시오.
Then open a new document to place the code.
그런 다음 코드를 배치 할 새 문서를 엽니다.
Step 2: Write Some HTML
Write or copy some HTML into Notepad.
일부 HTML을 메모장에 쓰거나 복사하십시오.
1 2 3 4 5 6 7 | <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad menu.
컴퓨터에 파일을 저장하십시오. 메모장 메뉴에서 파일> 다른 이름으로 저장을 선택하십시오 .
Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
파일 이름을 "index.htm" 으로 지정하고 인코딩을 UTF-8 (HTML 파일의 기본 인코딩)으로 설정하십시오.
You can use either .htm or .html as file extension. There is no difference, it is up to you.
파일 확장명으로 .htm 또는 .html을 사용할 수 있습니다. 차이점은 없습니다. 그것은 당신에게 달려 있습니다.
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").
좋아하는 브라우저에서 저장된 HTML 파일을 엽니 다 (파일을 두 번 클릭하거나 마우스 오른쪽 버튼으로 클릭하고 "연결 프로그램"을 선택하십시오).
The result will look much like this:
결과는 다음과 같이 보입니다.
W3Schools Online Editor
With our free online editor, you can edit HTML code and view the result in your browser.
무료 온라인 에디터를 사용하면 브라우저에서 HTML 코드를 편집하고 결과를 볼 수 있습니다.
It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others:
코드를 빠르게 테스트 할 때 완벽한 도구 입니다. 또한 다른 사람들과 코드를 저장하고 공유 할 수있는 색상 코딩 기능이 있습니다.
Example
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> |
Click on the "Try it Yourself" button to see how it works.
어떻게 작동하는지 보려면 "Try it yourself"버튼을 클릭하십시오.
출처 : W3School.com
'HTML' 카테고리의 다른 글
| HTML 속성(HTML Attributes) (0) | 2018.06.04 |
|---|---|
| HTML 요소(HTML Elements) (0) | 2018.06.03 |
| HTML 기본(HTML Basic) (0) | 2018.06.02 |
| HTML 소개(HTML Introduction) (0) | 2018.05.31 |
| HTML 홈(HTML HOME) (0) | 2018.05.30 |
