글
HTML style-1
안녕하세요?
오늘은 style 첫번째로 글자폰트와 색깔,그리고 크기를 지정하는 스타일과 문서배경색을 지정하는 스타일입니다. 다음은 소스입니다. 주석을 보시면 이해가 빠를겁니다.
<html>
<body style="background-color:PowderBlue;">
<!-- body즉 문서의 속성입니다. background배경이죠. color색깔을 PowderBlue로 지정한다는 얘깁니다. -->
<h1>Look! Styles and colors</h1>
<!-- h1은 제목서체로 제일 큰 제목입니다. hx에서 x가 클수록 글자크기가 작아집니다. -->
<p style="font-family:verdana;color:red;">
<!-- font-family는 어떤폰트를 사용할지 폰트종류가 되겠습니다. verdana폰트로 color색깔은 red빨간색으로 한다는 얘깁니다. -->
This text is in Verdana and red</p>
<p style="font-family:times;color:green;">
<!-- 똑같습니다. 단지 종류는 times이고 색깔은 녹색입니다. -->
This text is in Times and green</p>
<p style="font-size:30px;">This text is 30 pixels high</p>
<!-- font-size는 폰트의 크기입니다. 30px는 30픽셀이지요 픽셀은 화면에서 점하나가 1픽셀이 됩니다. 그러니깐 30픽셀은 점30개크기가 되겠지요. -->
</body>
</html>
실행결과화면
Look! Styles and colors
This text is in Verdana and red
This text is in Times and green
This text is 30 pixels high
어떻습니까? 별로 어렵지 않지요? 이 style을 제대로 하면 멋진 문서를 만들수 있습니다. 그럼 다음시간에 또 만나요.
'HTML' 카테고리의 다른 글
이미지맵 (0) | 2011.12.29 |
---|---|
html style background-color (0) | 2011.12.25 |
인용문 <blockquote> <q> (0) | 2011.12.18 |
글자 꺼꾸로 나타나게 하는 HTML 소스 (0) | 2011.12.13 |
id,class (0) | 2011.12.08 |