기록하는 즐거움

티스토리 html → (3)건

  1. [티스토리 HTML] 티스토리 본문 목차(TOC) 만들기 4
    2020.11.09
  2. [HTML 기초] <br>, <p> 줄바꿈, 단락나누기 4
    2020.09.16
  3. [HTML 기초] HTML 태그와 기본 구조 4
    2020.09.12

[티스토리 HTML] 티스토리 본문 목차(TOC) 만들기

목차는 'Table of Contents'의 약자로, 목차를 생성하여 콘텐츠를 작성하여 구글 seo에 도움이 됩니다. 자바 스크립트를 활용한 자동 생성도 가능하고, 원하는 곳에 수동으로도 넣을 수 있어요. 요즘은 'jquery.toc'를 활용한 목차 자동생성을 하는 추세입니다. 일일이 수동 목차를 만드는 게 매우 귀찮은 일이라서 한 번만 설정해두면 아주 간편하거든요. 하지만 저 같은 경우에는 아직 수동 목차를 만들어 글을 쓰고 있어요. 모든 게시물에 목차를 넣지도 않는데다가 제가 귀찮은 작업도 좋아하는 편이거든요. 이상하죠 :-) 추후에 스킨 변경 시 더 번거로움이 생길 수도 있고 무엇보다 절대 어렵지 않은 작업이라서요. 티스토리 목차 만들기 예시 먼저 목차가 만들어진 결과물부터 봐볼까요? 아래 블핑 목..
중요한 거니까 일단 저장/온라인 정보 2020. 11. 9. 07:46

[HTML 기초] <br>, <p> 줄바꿈, 단락나누기

네이버 블로그는 html 모드를 지원하지 않지만 티스토리 사용자라면 html 사용법을 알아두면 좋죠! 물론 티스토리도 기본 글쓰기 에디터는 있지만 광고를 넣는다던가, 메인 스킨 꾸미는 데 있어서 html 만한 게 없습니다. html 문서 만들기는 메모장이나 Edit plus와 같은 편집기에서 작성 가능한데요. [파일명 .html] 확장자를 붙여야 파일이 생성됩니다. 뭔지도 잘 모르겠는데 굳이 프로그램까지 깔아야 하냐 생각하시는 분들이라면 우선 티스토리 에디터에서 html 모드로 간단하게 익혀 본 뒤에 이용해보시는 것도 좋은 방법입니다. HTML 문서 만들기 은 웹 브라우저 상단의 타이틀이 되고, 는 브라우저에 곧바로 내용이 출력됩니다. HTML 태그 적용하기 웹 브라우저에 출력되는 어떤 내용에 효과를 주..
중요한 거니까 일단 저장/온라인 정보 2020. 9. 16. 00:33

[HTML 기초] HTML 태그와 기본 구조

HTML(HyperText Markup Language) '하이퍼텍스트 마크업 언어'라고 불리는 HTML은 웹 브라우저에서 보고 읽을 수 있는 웹문서를 만드는 표준 언어로써 태그(TAG) 단위로 명령하는데요. '정보(DATA)와 태그(TAG)'로 구성돼 있습니다. *우리가 흔히 아는 '#태그'와는 다른 의미입니다 :) ✔︎ 태그 단위 형식의 문서화 언어 ✔︎ 웹 브라우저('WWW.' 단위 소프트웨어 - MS 익스플로러, 구글 크롬 외) 기본 구축 ​ HTML 태그(TAG) 알기 HTML 문서의 모양이나 행동양식을 정해주고, 종류에 따라 별도의 속성을 가지고 있음 '' 모양으로 설정된 명령어로, 두 괄호 안에 둘러싸여 다른 문장들과 구별됨 서로 쌍을 이뤄 시작태그 '' 안에 태그명을 넣어 구성 ..
중요한 거니까 일단 저장/온라인 정보 2020. 9. 12. 08:23
◀ 1 ▶

티스토리툴바