본문 바로가기
티스토리 정보

HTML과 CSS는 무엇일까? 초보의 티스토리 꾸미기

by 세.모.글 2020. 6. 13.
반응형

HTML, CSS란? 처음시작하는 초보의 티스토리 꾸미기

 티스토리를 처음 시작할 때 많이 볼 수 있는 내용 중 하나는 공부조금 해야한다는 것이었습니다. 하지만 막상 블로그를 시작해 보니 조금이 아니라 알아야 할 것들이 많더군요. 특히 자기 블로그에 스킨을 적용한다는 개념이라던가 위치와 글자 서식에 대한 설정을 HTML이나 CSS로 변경해야 하는 부분들은 컴퓨터를 잘 모르는 사람이라면 너무 어려운 것이라는 생각이 듭니다.

 

 웬만한 IT기기들을 다루고, 컴퓨터 관련된 자격증과 약간의 공부를 했던 저로서도 HTML이나 CSS는 책에서나 봤던 내용들이지 직접 해본 적은 한 번도 없었습니다. 그나마 어떤 개념인지 대략적으로 이해나마 했기 때문에 주먹구구식으로 해나가고 있는 것 같습니다.

 

 티스토리 블로그를 시작하며 여러가지 어려움에 부딪히면서 티스토리를 처음 시작하는 분들과 많은 정보를 공유하면 좋겠다고 생각했습니다. 비록 제가 전문가는 아니지만 겪었던 내용들과 공부한 부분들을 소개하고 초보자의 생각에서 글을 써보려고 합니다.


▷ HTML은 무엇일까?

 - Hypertext Markup Language

 

 아마 티스토리 블로그를 시작하면서 가장 생소한 부분이 아닐까 싶습니다. 글을 작성할 때에도 기본모드, 마크다운, HTML 이 세가지 버전으로 바꿀 수 있는게 참 생소합니다. 특히 어떤 부분들을 바꾸고 싶어 인터넷에 해당 정보를 찾아보면 이 HTML 모드로 들어가서 컴퓨터언어(?)를 바꿔주어야 합니다. 그래서 마지막 L약자는 언어를 뜻하는 Language겠죠?

 

기본모드와 HTML모드

 먼저 HTML이란 무엇인지 알아봅니다.

 

 네이버 백과사전에 따르면 HTML웹 문서를 만들 때 사용하는 웹 언어의 종류 중 하나입니다.

 

 예를 들어 우리가 인터넷에 글을 쓸 때 바로 이 HTML을 통해서 글자 크기, 색, 모양등을 바꾸는 것 부터 시작해서 사진의 위치, 버튼 위치 등 다양한 명령어로 사용할수 있는 것입니다.

 

 아래아한글이나 파워포인트 처럼 글을 쓰고 상단 메뉴에서 글자 크기나 색을 바꾸면 좋겠지만, 그러한 기능은 모두 프로그램화해서 편리하게 만들어놓은 것입니다. 아쉽지만 티스토리는 바로 이러한 편의 기능이 많이 부족합니다. 그렇기 때문에 네이버블로그와 많이 대비되는 것이고, 내 마음대로 블로그를 바꾸려면 이 HTML을 다룰 줄 알아야 하는 것입니다. 마치 웹 개발자가 된 것 처럼 말이죠.


▷ CSS란 무엇일까?

- Cascading Style Sheets

 

 HTML의 약자에서 L의 언어라는 부분을 찾아보았듯이 CSS의 약자에서도 살펴보면 혹시 감이 오시나요? 저는 Style에서 많이 와닿았습니다.

 

 네이버 백과사전에 따르면 CSS웹 문서의 스타일을 미리 저장해둔 시트입니다.

 

 우리가 인터넷에 글을 쓸 때 하나만 쓰는 것이 아니라 여러 글을 쓰게 됩니다. 특히 블로그라면 말이죠. 그런데 매번 글을 쓸 때 마다 일일히 HTML에 들어가서 글자 서식이나 사진위치 등을 바꿔준다면 너무 번거로울 것입니다. 그래서! 바로 이 CSS를 통해 미리 공통 서식을 정해놓으면 매번 바꿔줄 필요 없이 원하는 형식으로 글을 쓸 수 있게되는 것이죠.

 

 예를들어 제 블로그의 카테고리를 클릭하면 사진 위치가 오른쪽에 나왔었는데, CSS를 통해 위치를 왼쪽으로 나오게 바꿔주면 모든 카테고리의 사진들이 왼쪽으로 나오게 됩니다.

 


 오늘은 HTML과 CSS가 무엇인지에 대해서 제가 이해한 부분들을 소개했습니다. 다시 말씀드리지만 저는 전문가가 아니기 때문에 내용이 많이 틀릴 수도 있지만 저처럼 처음 티스토리를 시작하는 분들께 작은 도움이 되길 바랍니다.

 

오늘도 읽어주셔서 감사합니다 :)

 

 

이 글이 마음에 드셨다면 다른 글도 추천드리고 싶습니다.

 

▷ [티스토리 정보] - 티스토리 바꾸고 싶은 부분의 HTML, CSS 태그 찾는법

 

 

 

반응형

댓글