보통 html문서에서 글자를 표현하는 방법은 다음과 같다. 이것을 레이어를 이용하여 만들어 보자. 여기서 중요한것은 우리가 만들고자 하는 레이어의 넓이와 높이를 예상하는 일이다. 현재 "이것은 빨간색 글자냐?" 라는 내용의 레이어를 만들고자 하므로 높이를 10 정도로 잡고 넓이를 100 정도로 잡고 다음의 문서를 작성 해 보자

<font size=2 color=red>이것은 빨간색 글자냐?</font>

HTML Example
<html>
<head>
<title>Hellow Homepage - DHTML</title>
<script language="JavaScript1.2" src="cbdhtml.js">
</script>
</head>

<body bgcolor=white>

<script language="JavaScript1.2">

var text="text";
content='<font size=2 color=red>이것이 빨간색 글자냐?</font>';
createLayer(text,400,10,100,10,1,content);
</script>

</body>
</html>


분석
위의 적용결과를 보면 약간 이상함을 느꼈을 것이다. 글자가 완전하게 표현되지 못하고 옆과 아래부분이 안 나타난다. 이유는 원래의 레이어의 내용 - 이것이 빨간색 이냐? 부분보다 만든 레이어의 크기가 작게 설정하였기 때문이다. 따라서 레이어의 넓이와 높이를 수정해 주어야 한다. 다음과 같이 바꾸어 보자.


HTML Example
<html>
<head>
<title>Hellow Homepage - DHTML
<script language="JavaScript1.2" src="cbdhtml.js">
</script>
</head>

<body bgcolor=white>

<script language="JavaScript1.2">
var text="text";
content='<font size=2 color=red>이것이 빨간색 이냐?</font>';
createLayer(text,10,10,200,20,1,content);
</script>

</body>
</html>