본문으로 바로가기

[포스트팁] 소제목을 넣어보자!

category 블로그 관리 2015. 8. 6. 22:03

블로그 관리에 있어서 중요한 점이 있습니다.


포스트할때 그냥저냥 글을 쓰시는 분들도 있지만, 인터넷 사용자에게 중요한 것은 분류!


정보를 얼마나 잘 분류해서 보여주냐에 따라 사용자들은 만족하는 정보를 쉽게 얻을 수 있게 됩니다.


따라서 오늘 해볼 것은


이것↓


소제목 줄 구분선 넣기


입니다.


사실 html 코드로 일일이 넣어주는 것도 괜찮지만, 


style.css 를 통해 <h5> 태그의 속성을 변경해줄까합니다.


다시 말하자면, html에 <h5> 태그를 쓸 때마다 소제목 줄이 쫙!



h1 ~ h5 는 폰트의 크기를 설정할 수 있는 태그인데요


그 중 h5는 약 7.5pt의 작은 크기의 설정값을 가지고 있기 때문에 가장 쓸 일이 없어서, 


이 속성값을 변경해주는 것입니다.



소제목 구분선.txt


  h5 {

    border-bottom:2px solid #000000;

    border-left:6px solid #000000;

    color:#000000;

    font-size:18px;

    margin:0;

    padding:5px 5px 5px 5px;

  }


위의 코드를 복사해서



이부분에 넣고 


글쓰기 할때! 오른쪽 상단에 HTML 표시를 체크해주시고,


<h5> "하고싶은말" </h5> << 와 같은 형태로 써 주시면 됩니다.


이상 아이블루 였습니다.