컴자료

등산가 2018. 12. 14. 18:43

글자가 위로 올라가는 소스

누가<br> </center> </marquee>

</xmp><br><br>

 

<center>

<font color=#c71585 size=4><b><u>(1) 글자가 아래로 내려 가는 소스 </u><br><br><br>

<marquee direction="down" scrollamount="1.5">

<center>

내용을 이렇게 역으로 써야 합니다<br><br>

필요로 하긴 하려는지!<br><br>

이 소스를 <br><br>

누가<br></center> </marquee>

 

<br><br><xmp>

<marquee direction="down" scrollamount="1.5"><center>

글자가 아래로 내려가는 소스

누가<br> </center> </marquee> </xmp>

 

세로로 글쓰기

<Table border=2 bordercolor=magenta cellpadding=0 cellspacing=0 background="https://t1.daumcdn.net/cfile/cafe/2467324B56EFEC182E" width="640" height="426" bordercolordark="aqua" bordercolorlight="red"><tr><td>

<marquee behavior="alternate" scrollamount=1 width="550">

<span style=font-size:12pt;color:red;>

<DIV style="writing-mode:tb-rl; width:100; height:230;"><br><br><br><br>

<b>

<Pre>

그리워/안희선

 

그대 없는 이곳에 내가 있어,

외롭다

 

다시 사랑한다 해도,

그대일 것을

 

내가 없는 그곳에 그대가 있어,

눈물겹다

 

다시 이별한다 해도,

사랑일 것을

</div></span></marquee></td></tr></table>

 

글자를 예쁘게 장식하는 태그들

글자 관련 태그 중에는 비슷한 기능을 가진 것이 많습니다. 가령<b>~</b><strong>~</strong> 태그는 글자를 굵게 표현하는 것인데 웹브라우저에서 보면 효과가 비슷합니다. 이런 태그는 크게 글꼴의 모양으로 구분하는 물리 형식과 표현할 내용으로 구분하는 논리 형식이 있습니다. 일단은 물리 태그 형식을 잘 알아두세요.

 

1) 물리 태그의 형식

물리 태그는 글자 자체의 속성을 지정하는 태그입니다. 표에서 태그 종류를 대충 살펴보고 나서 직접 예제를 실행하며 확인하는 게 훨씬 이해가 빠릅니다.

글자 속성에 따라 구분하는 물리 태그

종류

태그

설명

굵은 문자(bold)

문자

<B>~</B>

굵은 글씨체로 표현

이탤릭 문자(italic)

문자

<I>~</I>

이탤릭체로 표현

타자체(Typewriter)

문자

<TT>~</TT>

같은 글자 폭(타자체)으로 표현

위첨자(Superscript)

문자

<SUP>~</SUP>

상단의 위첨자로 표현

아래첨자(Subscript)

문서

<SUB~</SUB>

하단의 아래첨자로 표현

더 크게 하기

문자

<Big>~</Big>

지정 글자보다 더 크게

더 작게 하기

문자

<Small>~</Small>

지정 글자보다 더 작게

밑줄선(Underlined)

문자

<U>~</U>

글자 밑에 선 표현

취소선

문자

<S>~</S>

글자 중간에 선 표현

깜박임(Blink)

깜박

<Blink>~</Blink>

깜박이는 글자 표현

글자를 마음대로 꾸며보자!

 

예제

<HTML>

<HEAD>

<TITLE>물리적 스타일 태그</TITLE>

</HEAD>

<BODY>

<H3>문자를 장식하는 물리적인 태그들을 사용한 예제입니다.</H3>

<B>글자를 굵게 표현됩니다.</B><P>

<I>글자가 이탤릭체로 표현합니다.</I><P>

<TT>글자가 타자기체로 표현됩니다.</TT><P>

위첨자는 이렇게 표현됩니다.<SUP>위첨자</SUP><P>

아래첨자는 이렇게 표현합니다.<SUB>아래첨자</SUB><P>

지금보다<BIG>좀 더 크게<BIG>한 번 더 크게</BIG>표현됩니다.</BIG><P>

지금보다<SMALL>좀 더 적게<SMALL>더욱 적게</SMALL>표현됩니다.</SMALL><P>

<U>밑줄선이 표현되는데 링크태그와 혼동될 수도 있으므로 주의하세요.</U><P>

<S>실수해서 취소</S>하고 싶을 때 이용합니다.<P>

<B><I>굵은 이탤릭체는 이렇게 표현하겠지요.</I></B>

</BODY></HTML>