▶HTML 시작하기

▶설명

HTML(HyperText Markup Language)은 웹 페이지를 위한 지배적인 마크업 언어입니다. [참고]

HTML은 제목, 단락, 목록, 링크와 인용 그리고 이미지 외에 그 밖에 항목으로 구조적 문서를 만들 수 있는 방법을 제공합니다.

HTML에서 세밀한 디자인을 위한 CSS(Cascading Style Sheets)와 동작 추가를 위한 자바스크립트(Javascript)를 사용하거나, 불러올 수 있습니다.

▶시작하기

1. 메모장이나 문서 편집기를 실행합니다.

* 메모장 실행법 : [Window + R]을 입력 후 notepad을 입력한 후에 Enter을 입력합니다.

* 편집기(Editor) 추천

- 간단하게 사용하기 원하는 경우 : notepad++, EditPlus

- 편하게 사용하기 원하는 경우 : Atom, Sublime Text3, Microsoft Visual Studio Code

2. 아래의 코드를 붙여 넣습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Tutorial</title>
</head>
<body>
    Hello World!!
</body>
</html>

3. index.html 이라는 이름으로 저장합니다. (확장자가 html이어야 합니다.)

4. index.html 파일을 인터넷 브라우저로 실행합니다.

* 개인적으로 구글 크롬 브라우저를 권장합니다.

5. 아래와 같은 결과가 나올겁니다.

* 1 : <title> 태그 사이에 들어가 있는 문구가 나옵니다.

* 2 : <body> 태그 사이에 들어가 있는 문구가 나옵니다.

이걸로 우리는 HTML에 대한 튜토리얼을 마쳤습니다.

코드에 대한 자세한 설명은 다음 글에 추가하겠습니다.