\ 블로그 운영을 위한 초보적인 웹 문서 이해하기
본문 바로가기
Chinese (Simplified) English Italian Japanese Korean Portuguese Spanish
삶의 만물상/블로로 운영

블로그 운영을 위한 초보적인 웹 문서 이해하기

by 다시채 2023. 6. 30.

  웹 문서와 블로그에 대한 사전 지식이 전무했던 사람이 블로그를 운영하려니 힘이듭니다. 그래서 가장 기본적인 웹 문서를 이해하려고 간단하게 정리했습니다. 


  너무 초보적인 내용이라 콧웃음을 치실 수도 있지만 저 같은 사람은 이런 것 하나도 몰랐습니다. 블로그를 운영하다 보니 약간의 개념이해가 필요한 것 같아 저를 위한 것안데  감히 포스팅을 합니다.

  먼저, 블로그 운영과 관련된 웹 문서에 대한 여러 용어들을 세부적으로는 몰라도 가장 기본적인 HTML, CSS, 자바스크립트가 무슨 역할을 하는지만이라도 알아보려고 합니다. 책을 보니 집을 짓는 것에 비유하는 그림으로 저는 이해했습니다. 

HTML, CSS, 자바스크립트의 역할을 집을 짓는 것에 비유한 이미지입니다.
집짓기에 비유한 HTML, CSS, 자바스크립트

  
  위에서 언급한 세 가지로 웹 문서가 만들어지는데, 책을 보니 집을 짓는 것에 비유하여 이해하기 쉬운 것 같습니다. HTML는 웹 문서의 구조, 즉 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 언어랍니다. CSS는 HTML에 스타일을 적용할 수 있는 스타일 규칙 언어입니다. 색깔과  글꼴등을 변경하는 기능을 한답니다. 자바스크립트는 동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고, 애니메이션을 추가하는 스크립팅 언어입니다.

  이 중에서 블로그 운영을 하는데는 HTML에 대한 약간의 기본적인 이해가 필요한 것 같습니다.
 

 
  또한 블로그를 운영하다보면 설정을 변경하기 위해서  HTML를 편집해야 할 때가 많습니다. 
  <html> 안에는 <head>와 <body> 태그 영역으로 나누어져 있습니다. <head>, </head> 태그 사이에는 웹 브라우저에 보이지 않는 문서 설정이나 CSS, 자바스크립트 같은 외부 파일을 연결합니다.  <body>, </body> 태그 사이에는 다양한 HTML 태그를 이용하여 웹 브라우저에 출력할 콘텐츠를 입력합니다.

 HTML에는 태그를 사용하는데, <head> 여는 태그 </head> 닫는 태그를 사용하여 브라우저가 웹 문서를 잘 이해할 수 있도록 콘텐츠를 목적에 맞게 분류합니다.

<html> 부모 태그
<head> 자식 태그
</head> 자식 태그

<body>자식 태그
</body> 자식 태그
</html> 부모 태그

  작성하고 나서 보니 너무 초보적인 내용이네요. 하지만 저에게는 외계어 수준이었는데 이렇게라도 해서 조금은 이해하게 되었습니다.
 
  웃음나오는 초보적인 글 읽어주셔서 감사합니다.

반응형

댓글