HelloWorld

[HTML] HTML문서의 구조

프로그래밍 언어/HTML

지금까지 만든 파일을 웹브라우저로 실행해보면 상단의 이름이 그냥 파일이름으로 나옵니다.

<title> ~ </title> 태그를 사용하면 이름을 바꿔줄 수 있습니다.

 

 

맨 윗줄에 아래와 같이 <title>태그를 사용해줍니다.

 

 

title제목이 'HTML 완전정복'으로 바뀌었습니다.

 

 

웹페이지에서 한글이 깨지는 경우가 있습니다. 한글을 출력하기 위해서는 인코딩을 UTF-8로 바꿔줘야하는데

<meta>태그를 사용하면 매번 사용자가 따로 인코딩을 바꿔주지 않아도 UTF-8로 설정되게 해줄 수 있습니다.

<meta>태그는 <br>태그처럼 닫힘태그가 없습니다. meta태그의 속성으로 charset을 사용하여 인코딩 값을 바꿔주고 있습니다.

 

 

지금까지 작성한 소스코드들을 잘 살펴보면 웹브라우저로 화면을 실행하였을 때, 본문에 표시되는 부분과 표시되지 않는 부분이 있습니다.

노란박스의 내용들은 본문에 표시되고, 빨간박스 안의 내용들은 본문에 표시되지 않고 있습니다. 그 이유는 빨간박스안의 내용들은 본문을 꾸며주는 즉, 부가적인 정보입니다.

 

 

HTML문서는 부가적인 정보는 <head>태그로 감싸 넣어주고, 본문의 내용은 <body>태그에 감싸 넣어주고,

이들 전부는 <html>태그로 감싸게 약속 되어 있습니다. 비로서 HTML문서를 완성 시켰습니다.

'프로그래밍 언어 > HTML' 카테고리의 다른 글

[HTML] 웹사이트 만들기  (0) 2019.08.29
[HTML] <!DOCTYPE>  (0) 2019.08.29
[HTML] 리스트와 태그의 중첩  (0) 2019.08.29
[HTML] 하이퍼텍스트와 속성  (0) 2019.08.29
[HTML] HTML의 기본 문법  (0) 2019.08.29