생활정보연구소

블로그 작성시 중요한 것중 하나가 바로 적절한 제목을 넣는 것입니다. 중간중간에 부제목, 소제목이 구분되어 있으면 보기에도 좋고 글을 읽는 독자들이 편하고 쉽게 내용을 파악할 수 있습니다. 그래서 저도 제목을 잘 넣기 위해 노력중입니다. 적재적소에 좋은 제목을 넣는 것도 중요하지만 뭔가 포인트를 주는 방법도 좋을 거 같습니다. 제목은 보통 h태그를 사용하는데요, h태그를 꾸미는 방법에 대해 자세히 알아보겠습니다. h태그?h태그는 heading tag로 ~ 까지 있습니다. 숫자가 낮을수록 더 큰제목이라 생각하시면 됩니다. 또한 큰 제목일수록 글자 크기도 커지고 두껍게 표시됩니다. 아래와 같이 태그를 쓰면 문단의 제목 역할을 하죠. 제목태그가 중요한게 SEO에 영향을 끼칩니다. 검색엔진은 구조화되고 계층적인..

전에 티스토리 복사 금지 설정을 하고 원하는 부분만 복사를 하는 방법을 공유했습니다. 문제는 텍스트는 잘 되는데 이미지는 복사 및 다운로드가 가능하네요ㅠ. 그래서 열심히 구글링한 결과 CCS만 간단히 수정하여 이미지 복사 금지하는 법도 알아냈습니다. 2018/12/25 - [티스토리] - 티스토리 블로그 복사금지 설정 및 특정영역 복사허용 방법 티스토리에서 제공하는 오른쪽클릭 방지 플러그인으로도 텍스트나 이미지의 불펌금지 설정을 할 수 있습니다. 하지만 별도의 설정이 더 필요하다면 저처럼 html/CSS 부분을 건드려야 합니다. 현재 제 블로그는 텍스트 및 이미지 복사가 안되고, 텍스트의 경우 원하는 부분만 부분적으로 복사가 가능한 블로그입니다. 딱 제가 원하는 상태로 세팅이 된거 같네요. 자 그럼 이미..

블로그나 웹사이트의 텍스트에 링크를 걸면 밑줄이 생기거나 글자 색깔이 바뀌죠. 또한 링크가 걸린 곳에 마우스를 데면 글자색이 바뀌거나 배경이 바뀌는 효과도 본 적이 있으실 겁니다. 오늘은 html 태그와 CSS를 활용하여 링크에 예쁘게 효과를 주는 방법 공유합니다. 먼저 변경전 제 티스토리 블로그의 링크 효과입니다. 링크가 걸린 부분은 하늘색으로 색깔이 지정되고 여기에 마우스를 같다데면 밑줄이 생깁니다. 그렇게 예쁘지도 않고 너무 진부합니다. 그래서 아래와 같이 바꿔보려고 합니다. 색깔도 좀더 예쁜 밝은 하늘색으로 바꿨고 밑줄도 눈에 띄게 효과를 줬습니다. 마우스를 갖다데면 배경이 바뀌는 효과를 주니 훨씬 세련되고 예쁘네요. html/CSS 어느 웹사이트나 구조는 비슷합니다. CSS에서 .a 로 시작하는..