언어 자료구조 알고리즘/HTML5

[HTML5] 1. 첫 번째 만드는 HTML 문서, "Hello, HTML"

언제나 휴일 언제나휴일 2016. 5. 4. 18:22
반응형

첫 번째 만드는 HTML 문서, "Hello, HTML"

 

먼저 메모장을 열어 다음처럼 HTML 문서를 편집하세요

 

<!DOCTYPE html>

<html>

<head>

    <title>Hello, HTML5</title>

    <meta charset="utf-8" />

</head>

<body>

<p>안녕하세요언휴예요.</p>

</body>

</html>


first.html 이름으로 저장하신 후에 더블 클릭하여 확인하세요.


<!DOCTYPE html>

현재 문서가 어떤 형식에 맞게 제작했는지 설명합니다.

HTML5, XHTML, HTML의 세 가지 유형이 있습니다.

웹표준과 접근성을 높이기 위해 HTML 문서의 첫번째 행에 공백없이 선언합니다.

이를 생략하면 비표준모드로 렌더링하여 일부 브라우저에서 문제가 발생할 수 있어요.

 

<html>...</html>

HTML 문서는 <html> 시작 태그로 시작하여 </html> 종료 태그로 종료합니다.


<head>...</head>

문서를 설명하는 메타 정보를 나타내는 영역입니다.

문서 제목이나 문자 인코딩 정보등을 작성할 수 있습니다.

 

<title>Hello, HTML5</title>

문서 제목으로 브라우저를 실행할 때 타이틀 바에 표시합니다.


<meta charset="utf-8" />

문자 인코딩을 표현한 것입니다. 다른 문자를 사용하는 중국어나 일본어 등을 사용할 때 깨지지 않게 하려면 utf-8로 설정하세요. 영어는 깨지지 않습니다.


<body>...</body>

페이지 본문을 감싸는 영역입니다.


<p>안녕하세요언휴예요.</p>

문단을 의미하는 태그입니다.



first.html





 

반응형