[웹개발] HTML 스타일

안녕하세요

로로봉입니다 : )

HTML에서 스타일을 지정하는 방법을 알아보겠습니다.

HTML 각 태그에는 스타일을 지정하여 글자색, 글자체, 배경색 등을 변경할 수 있습니다.

이 속성은 원래 CSS 속성으로 스타일을 지정하는 방법도 CSS 문법을 따릅니다.

style 속성을 작성하는 방법은 다음과 같습니다.

style = "속성1:값;속성2:값"

CSS에서 사용할 수 있는 대표적인 속성은 아래와 같습니다.

color : 글자색 지정

background-color : 배경색 지정

font-size : 글자 크기 지정

font-family : 글자체 지정

text-align : 텍스트 정렬 방법 지정

텍스트 스타일은 아래와 같은 태그로 간단히 설정이 가능합니다.

태그	기능
<b></b>	진하게 출력
<em></em>	강조
<i></i>	이테릭체
<small></small>	한 단계 작게 출력
<big></big>	한 단계 크게 출력
<strong></strong>	중요 텍스트
<sub></sub>	아래 첨자
<sup></sup>	위 첨자
<ins></ins>	추가 텍스트(밑줄)
<del></del>	삭제 텍스트(관통하는 줄)
<mark></mark>	마킹 텍스트

실제로 실행해보면 아래와 같이 스타일이 변경되는 것을 볼 수 있습니다.

[ 그림 1] 텍스트 스타일

 

좋아요♥ + 구독 부탁드립니다 : )