인디안 보호구역
[HTML] HTML이란? - 1강, 2강 강의노트 본문
- 예시
<!DOCTYPE html> // 선언부
<html> // html 시작
<body> // body 시작
<h1>My First Heading</h1> // h1이라는 태그가 시작되고 끝나는 부분 안에 문자열이 들어가있음.
<p> My first paragraph.</p> // p 라는 태그가... 위와 동일.
</body> // body 끝
</html> // html 끝
<html>, <body>, <h1>, <p> 등과 같은 것을 태그라고 한다.
- What is HTML?
HTML은 웹페이지를 만드는 언어이다.
HTML : Hyper Text Markup Language의 약자이며, 또한 markup language 이다. 태그의 쌍으로 이루어진 언어라는 뜻?
태그와 태그 사이에 문장이 들어간다.
태그 문서와 평문서를 포함한다.
HTML 문서를 웹페이지 라고도 부른다.
HTML Tags?
일반적으로 HTML 마크업 태그를 HTML 태그라고 부른다.
HTML의 태그는 주로 쌍으로 이루어져있고 가~끔 싱글로 이루어져도 있다.
<html> 이게 열린 태그(start tag)이고, </html> 이건 닫힌 태그(end tag)다. 이 두개의 쌍으로 이루어져 있다.
- 예시
<tagname> content </tagname>
이 것이 한 쌍의 Element가 되는 것이다. Element는 열린태그, 컨텐츠, 닫힌태그 이렇게 구성되어 있는 것이다.
일반적으로 단락을 구분하는 태그는 <p>로 되어있다. (paragraph의 약자)
- Web Browser
웹 브라우저의 목적은 html 문서를 보여주는 것이다. (크롬, 파이어폭스, 인터넷 익스클로러 등)
- <!DOCTYPE> 선언부
html 몇 버전에 기반하여 만들어졌는지 선언한다.
<!DOCTYPE html> 처럼 html이라고만 적혀있으면 html5에 기반한 것이다.
2강
- HTML 문서를 작성하기 위해서는 Editor 라는 프로그램이 필요하다.
제일 간단한 것은 윈도우에 깔려있는 메모장.
<html>
<body>
<h1> 첫번째 HTML</h1>
<p>편집기에 대해 배워봅시다.</p>
</body>
</html>
확장자 명을 .html로 저장하면 된다.
'Study > HTML 공부하는 인디안' 카테고리의 다른 글
| [HTML] Text Formatting - 8강 강의노트 (0) | 2016.04.28 |
|---|---|
| [HTML] HTML Paragraphs - 7강 강의노트 (0) | 2016.04.28 |
| [HTML] HTML heading - 6강 강의노트 (0) | 2016.04.28 |
| [HTML] HTML 속성 - 5강 강의노트 (0) | 2016.04.28 |
| [HTML] HTML 기초 예제, HTML Element - 3강, 4강 강의노트 (0) | 2016.04.26 |
