프로그래밍 언어/HTML
[HTML] HTML문서의 구조
고품격미식가
2019. 8. 29. 17:14
지금까지 만든 파일을 웹브라우저로 실행해보면 상단의 이름이 그냥 파일이름으로 나옵니다.
<title> ~ </title> 태그를 사용하면 이름을 바꿔줄 수 있습니다.
맨 윗줄에 아래와 같이 <title>태그를 사용해줍니다.
title제목이 'HTML 완전정복'으로 바뀌었습니다.
웹페이지에서 한글이 깨지는 경우가 있습니다. 한글을 출력하기 위해서는 인코딩을 UTF-8로 바꿔줘야하는데
<meta>태그를 사용하면 매번 사용자가 따로 인코딩을 바꿔주지 않아도 UTF-8로 설정되게 해줄 수 있습니다.
<meta>태그는 <br>태그처럼 닫힘태그가 없습니다. meta태그의 속성으로 charset을 사용하여 인코딩 값을 바꿔주고 있습니다.
지금까지 작성한 소스코드들을 잘 살펴보면 웹브라우저로 화면을 실행하였을 때, 본문에 표시되는 부분과 표시되지 않는 부분이 있습니다.
노란박스의 내용들은 본문에 표시되고, 빨간박스 안의 내용들은 본문에 표시되지 않고 있습니다. 그 이유는 빨간박스안의 내용들은 본문을 꾸며주는 즉, 부가적인 정보입니다.
HTML문서는 부가적인 정보는 <head>태그로 감싸 넣어주고, 본문의 내용은 <body>태그에 감싸 넣어주고,
이들 전부는 <html>태그로 감싸게 약속 되어 있습니다. 비로서 HTML문서를 완성 시켰습니다.
