본문 바로가기
기술자료 (KB)/HTML5

HTML Heading tag 와 Style 사용 방법

by 이완주 2011. 6. 7.

화면은 분할 화면을 이용하면 편리합니다.

Express Tool을 최대한 활용해서 Tag를 쉽게 넣는 방법에 대한 예제 입니다.

Heading Tag <H1>, <H2>, … <H6> 를 명령어거 아닌 메뉴로 이제 테그도 타이핑 하기 싫어서 메뉴로 간단히 하려는 생각을

간단하죠. 다들 잘 아시는 제목에 대한 정의를 간단하게 넣은 겁니다.

이제 미리 정의되어 있는 Style로 넣어 보죠.

아래에 정의 되어 있는 글자 스타일 정의가 있네요.

 

글자를 쓰고 블록 지정해서 xx-large로 지정하면 자동으로 스타일이 만들어 지고 지정이 되네요.

하나 더 추가해 보죠. 기존 정의된 건 쉽게 적용이 되네요.

 

이제 욕심을 내서 스타일을 하나 만들고 넣어보죠.

궁서체에 18pt 녹색 나름 정의를 해서 만들어 봤습니다.

 

블록 지정하고 만든 스타일 누르면 바로 적용 됨을 확인 할 수 있습니다.

댓글