동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

동영상 강좌보기

HTML style속성

style속성을 사용하여 HTML요소의 스타일을 설정할 수 있습니다.

HTML style속성의 구문은 다음과 같습니다.

<태그명 style="property:value;">

이 속성은 CSS속성입니다. 값은 CSS의 값입니다.

CSS는 별도의 강좌로 진행합니다.

HTML배경색

background-color 속성은 HTML요소의 배경색을 정의합니다.

아래 예제는 페이지의 배경색을 powderblue로 설정합니다.

<body style="background-color:powderblue;">

<h1>표제</h1>
<p>문단입니다.</p>

</body>

HTML텍스트 색상

color속성은 HTML요소의 텍스트 색상을 정의합니다.

<h1 style="color:blue;">표제</h1>
<p style="color:red;">문단입니다.</p>

HTML 글꼴

font-family속성은 HTML요소에 사용되는 글꼴을 정의합니다.

<h1 style="font-family:verdana;">표제</h1>
<p style="font-family:courier;">문단입니다.</p>

HTML 텍스트 크기

font-size속성은 HTML요소의 텍스트 크기를 정의합니다.

<h1 style="font-size:300%;">표제</h1>
<p style="font-size:160%;">문단입니다.</p>

HTML 텍스트 정렬

text-align속성은 HTML요소에 대한 수평적으로(가로) 텍스트 정렬을 정의합니다.

<h1 style="text-align:center;">가운데 표제</h1>
<p style="text-align:center;">가운데 문단.</p>

HTML Style > html강좌

HTML Style