-
[HTML] 시작하기프로그래밍/HTML 2017. 12. 21. 11:18
▶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에 대한 튜토리얼을 마쳤습니다.
코드에 대한 자세한 설명은 다음 글에 추가하겠습니다.
'프로그래밍 > HTML' 카테고리의 다른 글
[HTML] 시작하기 - 2 (0) 2017.12.22
