HTML5 HTML이 무엇이며 파일 형식 웹브라우저 알아보기

어디를 가든 알아야 할 것이 많습니다. 이미 익숙한 환경에서도 사소 하지만 배울 것은 있습니다. 이런 경험들이 쌓이고 쌓이다보면 좀더 현명해 질 것입니다. HTML이 무엇인지 알아보기 전에 파일 형식부터 알아보겠습니다.

위의 그림 처럼 다양한 파일 형식이 있습니다. 한글은 hwp, 파워포인트는 pptx, 엑셀은 xlsx, 워드는 docx등이 바로 파일 형식입니다. 이중에서 웹에서 맞는 파일 형식인 html이 있습니다. 이 처럼 수많은 파일 형식들이 존재하며 각자 고유한 내용을 사용자들에게 전달할 수 있습니다. 다시 HTML로 넘어 가겠습니다. 웹에는 텍스트뿐만 아니라 이미지, 링크 등 여러 요소들이 있는데, 이 요소들을 모두 다루고 표시할 수 있는 문서가 HTML문서이고, 이런 문서를 작성하는데 필요한 언어가 HTML입니다. 위의 그림을 보면 인터넷.html이 있는 것을 알 수 있습니다. 바로 HTML로 작성된 웹 문서를 사용자에게 보여줍니다. 여기서 중요한 것이 있습니다. 사용자에게 웹 문서를 보여 주기 위해서는 웹 브라우저가 필요합니다.

위의 그림처럼 다양한 웹브라우저가 있습니다. 사람들은 각자 선호하는 브라우저를 사용을 합니다. 저는 여러 브라우저를 사용합니다. 파워포인트 문서를 보려면 파워포인트 프로그램이 필요하고 워드 문서를 보려면 워드 프로그램이 필요합니다. 마찬가지로 HTML언어로 작성된 내용이 적용된 것을 보려면 웹브라우저의 도움을 받아야 합니다. 그러면 간단히 HTML언어가 어떤것인지 살펴보도록 하겠습니다.

위의 그림은 메모장으로 작성한 HTML언어 입니다. <html>, <body>등 다양한 것이 있는데 이것을 태그라고 부릅니다. 이런 태그들로 웹 문서를 만들면 웹 브라우저가 태그를 해석하여 사용자에게 보여주는 것입니다. 그러면 위의 태그가 어떻게 웹 브라우저에 보이는지 살펴 보겠습니다.

위의 그림처럼 안녕하세요가 보입니다. 바로 <h1>안녕하세요</h1>태그가 해석된 것입니다. 지금은 간단한 태그를 사용했지만 앞으로 HTML을 공부하면서 많은 태그들이 모여 사용자들에게 좀 더 의미있는 내용을 제공하는 것을 알게 될것입니다. 무엇이든 기초가 튼튼해야 앞으로 잘 나아갈 수 있습니다. 외우는 것은 시간이 지나면 잊혀지게 마련입니다. 무언가 이해를 하고 있으면 접근하기가 수월합니다. 이점을 기억하며 HTML이 무엇인지 알아보기를 마치겠습니다. 긴 글 읽어주셔서 감사합니다.

저작자표시 비영리 변경금지

'프로그램 언어 > HTML5' 카테고리의 다른 글

HTML 주석 달아보기 HTML5 (0)	2020.06.24
HTML 텍스트 단락 만들기 <p> 태그 HTML5 (0)	2020.06.24
HTML 제목 표시하기 <hn> 태그 HTML5 (0)	2020.06.23
HTML 특수 문자 특수 기호 사용하기 HTML5 (0)	2020.06.23
HTML5 문서를 만들기 전에 기억해야 할 몇 가지 사항 (0)	2020.06.14