각종 소식, 정보/블로그 html

티스토리 오디세이 스킨 제목 h1 태그 적용 방법

오스윈 2022. 3. 7. 16:28
반응형

 

목차

     

    h1 태그란?

    h 태그는 heading의 의미로 제목을 표시할 때 사용합니다. h1 태그가 가장 상위의 태그이며 소제목으로 갈수록 태그의 숫자가 커집니다. h1~6까지 사용하며 6으로 갈수록 글자의 크기는 작아지겠죠?

    티스토리 h1 태그 설정

    가장 기본적인 티스토리 스킨은 오디세이(Odyssey) 스킨입니다. 티스토리 블로그를 만들고 다른 스킨을 깔지 않았으면 오디세이 스킨을 사용 중이라고 볼 수 있습니다. 이 오디세이 스킨은 블로그 이름이 h1 태그로 되어 있기 때문에 바꾸어 주는 것이 좋습니다.

     

    오디세이 스킨은 글을 쓸 때 h1 태그가 중복으로 들어가면 좋지 않기 때문에
    h1 태그는 한 페이지에 한 번만 사용하는 것이 좋습니다.
    제목 1의 경우 h2부터 시작됩니다. 제목 2를 쓰면 h3, 제목 3은 h4로 나오는 것이죠.
    게시글 제목을 h1으로 바꾸고 블로그 이름을 h2로 바꾸는 작업을 실시할 것입니다. 

    반응형

    1. 스킨편집 html 들어가기 

    설정창

    티스토리 블로그 관리에서 꾸미기 → 스킨 편집으로 들어갑니다.

    html 편집

    스킨 편집에서 html 편집창으로 들어갑니다.

     

    2. 블로그 이름 h2 설정하기

    타이틀로고 html

    html 창을 한번 클릭하고 ctrl + f를 눌러 title-logo를 검색합니다.

    노란색으로 칠해진 부분 h1 class... </h1>를 h2로 사진과 같이 변경합니다.

     

    3. 게시글 제목 h1 설정하기

    제목 html

    2번에서 했던 방법과 똑같이 title-article를 검색합니다.

    <h2 class ... h2> 부분을 사진과 같이 h1으로 변경합니다.

    반응형