최신 웹 개발 튜토리얼

HTML 스타일

HTML 스타일

I am red

I am blue

»그것을 자신을 시도

는 HTML Style 특성

HTML 요소의 스타일을 설정하면 함께 할 수있는 style 속성.

는 HTML 스타일 속성의 구문은 다음과 같습니다

style=" property : value; "

property CSS의 속성입니다. value CSS의 값입니다.

나중에이 튜토리얼에서 CSS에 대한 자세한 내용을 배울 것입니다.


HTML 배경색

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

이 예는 lightgrey에 페이지의 배경을 설정합니다 :

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

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
»그것을 자신을 시도

HTML 텍스트 색상

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

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
»그것을 자신을 시도

HTML 글꼴

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

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
»그것을 자신을 시도

HTML 텍스트 크기

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

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
»그것을 자신을 시도

HTML 텍스트 정렬

text-align 속성은 HTML 요소에 대한 수평 텍스트 정렬을 정의한다 :

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
»그것을 자신을 시도

장 요약

  • 사용 style 스타일링 HTML 요소에 대한 속성을
  • 사용하여 background-color 배경색
  • 사용 color 텍스트 색상을
  • 사용 font-family 텍스트 글꼴을
  • 사용 font-size 텍스트 크기를
  • 사용하여 text-align 텍스트 정렬

연습으로 자신을 테스트!

연습 1» 연습 2» 연습 3» 운동 4» 운동 5» 운동 6»