고정 헤더 영역
상세 컨텐츠
본문
* 문장의 표현에 사용되는 태그들
<아홉번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>줄바꿈태그<br/>
줄이바뀌었지요?</p>
<p align="center">가운데정렬</p>
<p><b>두꺼운글씨</b><br/>
<i>기울인글씨</i></p>
</card>
</wml>
<열번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>
<table columns="2">
<tr><td>콜라</td><td>사이다</td></tr>
<tr><td>600</td><td>500</td></tr>
</table></p>
<p mode="wrap">가나다라마바사아자차카타파하ABCDEFGHIJKLMN</p>
<p mode="nowrap">가나다라마바사아자차카타파하ABCDEFGHIJKLMN</p>
</card>
</wml>
이번엔 예제가 두개입니다. 아홉번째 예제는 아주 쉽게 이해가 되시리라 생각됩니다.
한줄 내리는 태그는 <br/>이고 두꺼운글씨는 <b>~</b>, 기울인글씨는 <i>~</i>입니다.
<p> 태그에서 정렬을 하려면 align옵션을 넣으면 되구요..center는 가운데 right는 오른쪽입니다.
자, 이제 열번째 예제를 봅시다.
핸드폰 액정화면이 작지만 WML에도 table태그는 있습니다.
우선 table을 선언하고 몇칸짜리 테이블인지 columns옵션으로 지정을 하여줍니다.
그 다음은 HTML과 비슷하지요?
<tr>로 한 줄의 시작을 알리고 <td>로 칸을 알립니다. 그런후 내용을 적고 </td>로 칸을 종료.
다시 <td>로 또 한칸을 시작하고 내용 적고 종료하고..한 줄이 끝났으면 </tr>로 줄을 종료하고..
이런 식의 반복으로 table을 만들게 됩니다. table이 끝이나면 </table>을 적어주시면 되구요.
테이블은 이정도면 이해가 되시지요? HTML때부터 많이 보던 것이니 쉽게 아실거에요..^^
마지막으로 <p>태그의 mode="nowrap" 이란 옵션입니다.
그동안 우리는 하나의 단락을 지정하는 <p>태그에서 아무 옵션도 주지 않았었는데
아무 옵션을 주지 않으면 mode="wrap" 이 기본적으로 설정되어 있는 것입니다.
즉 <p>는 <p mode="wrap">과 같은 것이지요..
그럼 <p mode="nowrap">의 기능은 무엇인가..
문서 작성시 핸드폰의 한줄을 넘는 긴 문장이 있을때 아무 옵션이 없다면 (혹은 wrap이라면)
자동으로 줄을 바꿔주어서 두줄 혹은 그 이상으로 표시가 됩니다.. 그림2 에서 확인하실수 있죠?
하지만 nowrap옵션을 주면 긴 문장이 와도 줄 바꿈이 생기지 않고
우선 표시가능한 부분만 표시되고 나머지 뒷부분은 물 흐르듯이 흘러가서
전체 내용을 표시해주게 됩니다.. 말로는 표현이 힘든데.. 한번 직접 해보세요..^^
<아홉번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>줄바꿈태그<br/>
줄이바뀌었지요?</p>
<p align="center">가운데정렬</p>
<p><b>두꺼운글씨</b><br/>
<i>기울인글씨</i></p>
</card>
</wml>
<열번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>
<table columns="2">
<tr><td>콜라</td><td>사이다</td></tr>
<tr><td>600</td><td>500</td></tr>
</table></p>
<p mode="wrap">가나다라마바사아자차카타파하ABCDEFGHIJKLMN</p>
<p mode="nowrap">가나다라마바사아자차카타파하ABCDEFGHIJKLMN</p>
</card>
</wml>
이번엔 예제가 두개입니다. 아홉번째 예제는 아주 쉽게 이해가 되시리라 생각됩니다.
한줄 내리는 태그는 <br/>이고 두꺼운글씨는 <b>~</b>, 기울인글씨는 <i>~</i>입니다.
<p> 태그에서 정렬을 하려면 align옵션을 넣으면 되구요..center는 가운데 right는 오른쪽입니다.
자, 이제 열번째 예제를 봅시다.
핸드폰 액정화면이 작지만 WML에도 table태그는 있습니다.
우선 table을 선언하고 몇칸짜리 테이블인지 columns옵션으로 지정을 하여줍니다.
그 다음은 HTML과 비슷하지요?
<tr>로 한 줄의 시작을 알리고 <td>로 칸을 알립니다. 그런후 내용을 적고 </td>로 칸을 종료.
다시 <td>로 또 한칸을 시작하고 내용 적고 종료하고..한 줄이 끝났으면 </tr>로 줄을 종료하고..
이런 식의 반복으로 table을 만들게 됩니다. table이 끝이나면 </table>을 적어주시면 되구요.
테이블은 이정도면 이해가 되시지요? HTML때부터 많이 보던 것이니 쉽게 아실거에요..^^
마지막으로 <p>태그의 mode="nowrap" 이란 옵션입니다.
그동안 우리는 하나의 단락을 지정하는 <p>태그에서 아무 옵션도 주지 않았었는데
아무 옵션을 주지 않으면 mode="wrap" 이 기본적으로 설정되어 있는 것입니다.
즉 <p>는 <p mode="wrap">과 같은 것이지요..
그럼 <p mode="nowrap">의 기능은 무엇인가..
문서 작성시 핸드폰의 한줄을 넘는 긴 문장이 있을때 아무 옵션이 없다면 (혹은 wrap이라면)
자동으로 줄을 바꿔주어서 두줄 혹은 그 이상으로 표시가 됩니다.. 그림2 에서 확인하실수 있죠?
하지만 nowrap옵션을 주면 긴 문장이 와도 줄 바꿈이 생기지 않고
우선 표시가능한 부분만 표시되고 나머지 뒷부분은 물 흐르듯이 흘러가서
전체 내용을 표시해주게 됩니다.. 말로는 표현이 힘든데.. 한번 직접 해보세요..^^
