생활정보연구소
블로그 작성시 중요한 것중 하나가 바로 적절한 제목을 넣는 것입니다. 중간중간에 부제목, 소제목이 구분되어 있으면 보기에도 좋고 글을 읽는 독자들이 편하고 쉽게 내용을 파악할 수 있습니다. 그래서 저도 제목을 잘 넣기 위해 노력중입니다. 적재적소에 좋은 제목을 넣는 것도 중요하지만 뭔가 포인트를 주는 방법도 좋을 거 같습니다. 제목은 보통 h태그를 사용하는데요, h태그를 꾸미는 방법에 대해 자세히 알아보겠습니다. h태그?h태그는 heading tag로 ~ 까지 있습니다. 숫자가 낮을수록 더 큰제목이라 생각하시면 됩니다. 또한 큰 제목일수록 글자 크기도 커지고 두껍게 표시됩니다. 아래와 같이 태그를 쓰면 문단의 제목 역할을 하죠. 제목태그가 중요한게 SEO에 영향을 끼칩니다. 검색엔진은 구조화되고 계층적인..
블로그나 웹사이트의 텍스트에 링크를 걸면 밑줄이 생기거나 글자 색깔이 바뀌죠. 또한 링크가 걸린 곳에 마우스를 데면 글자색이 바뀌거나 배경이 바뀌는 효과도 본 적이 있으실 겁니다. 오늘은 html 태그와 CSS를 활용하여 링크에 예쁘게 효과를 주는 방법 공유합니다. 먼저 변경전 제 티스토리 블로그의 링크 효과입니다. 링크가 걸린 부분은 하늘색으로 색깔이 지정되고 여기에 마우스를 같다데면 밑줄이 생깁니다. 그렇게 예쁘지도 않고 너무 진부합니다. 그래서 아래와 같이 바꿔보려고 합니다. 색깔도 좀더 예쁜 밝은 하늘색으로 바꿨고 밑줄도 눈에 띄게 효과를 줬습니다. 마우스를 갖다데면 배경이 바뀌는 효과를 주니 훨씬 세련되고 예쁘네요. html/CSS 어느 웹사이트나 구조는 비슷합니다. CSS에서 .a 로 시작하는..
블로그를 운영하면서 HTML/CSS에 대해 기본적인 지식이 필요하다는 것을 많이 느꼈습니다. 기본 에디터에서 제가 원하는 것을 구현할 수 없을 때가 많더라고요. 그래서 기본적으로 알고 있으면 유용한 태그들에 대해 알아보려고 합니다. 첫번째 시간 윗첨자, 아래첨자입니다. 아랫첨자는 화학식에 많이 사용하고, 윗첨자는 단위에 많이 사용하합니다. 아래첨자는 subscript 태그를 사용합니다. subscript는 아래에 적은 문자라는 뜻입니다. 윗첨자는 super subscript 태그로 위에 적은 문자라는 뜻입니다. 사용방법 1. 아래첨자 원하는 부분에 태그를 넣어주면 됩니다. 예를 들어 우리가 주로 사용하는 연료인 메탄, 프로판, 부탄이 화학식을 표현해 보겠습니다. 메탄 : CH4프로판 : C3H8부탄 : ..