반응형
XHTML/HTML는 기본모양을 만들고, CSS는 스타일 적용(꾸미기) 가능하고,
JavaScript1.2 은 기능을 추가 할 수 있습니다.
HTML문서에 CSS를 적용시키는 방법과 CSS 적용하는 방법입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>스타일시트 시작</title>
<style type="text/css">
div{ font-size:9pt; color:Blue; font-family:Verdana;}
</style>
</head>
<body>
<div>
안녕하세요.<br />
</div>
</body> 결과화면 ->
</html>
JavaScript1.2 은 기능을 추가 할 수 있습니다.
HTML문서에 CSS를 적용시키는 방법과 CSS 적용하는 방법입니다.
HTML에서 CSS적용시키는 간단한 예제 입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>스타일시트 시작</title>
<style type="text/css">
div{ font-size:9pt; color:Blue; font-family:Verdana;}
</style>
</head>
<body>
<div>
안녕하세요.<br />
</div>
</body> 결과화면 ->
</html>
5줄: CSS를 사용하여 10줄에 있는 내용의 글씨 크기, 색깔, 글씨체 정의
10줄: <div>태그 안에 있는 내용에 CSS를 적용시켰습니다.
다른 나라에서는 영문 글꼴체를 "Verdana" 많이 사용하며, 우리나라는 돋움, 맑은체를 사용합니다.
01.스타일시트시작.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 03.CSS - 태그에 직접 적용 (0) | 2009.07.27 |
|---|---|
| 02.CSS - 외부스타일시트 (0) | 2009.07.27 |
| 24.XHTML- META태그 (0) | 2009.07.27 |
| 23.XHTML- 동영상 실행 (0) | 2009.07.27 |
| 22.XHTML- Form (0) | 2009.07.27 |
Comments