<HTML>
<HEAD>
<TITLE> j0115_2 </TITLE>
</HEAD>
<BODY>
<h3>*글자관련 tag*</h3>
H<sub><small>2</small></sub>O m<sup><small>2</small></sup>
<br />
<tt>타자기폰트 tt</tt>
<br />
<blink>글자깜박임 blink</blink>
<br />
<em>em tag</em> <strong>strong tag</strong>
<br />
<s>10,000원 s</s><strike>10,000원 strike</strike>짜리 5000원
<br />
<u>밑줄 u </u> <i>기울이기 i </i> <b>진하게 b </b>
<br />
<small>작게 small</small> 보통글씨 <big>크게 big</big>
</BODY>
</HTML>
------------------------------------------------------
H2O m2
타자기폰트 tt
em tag strong tag
10,000원 s10,000원 strike짜리 5000원
밑줄 u 기울이기 i 진하게 b
작게 small 보통글씨 크게 big
리스트 테그
<ul type="circle">생각나는 동물
<li />야옹이
<li type="disc" />토끼
<li type="circle" />호랑이
<li type="square" />곰
</ul>
<hr />
<h3>*순서있는 목록*</h3>
<ol type="A" start="5">제일 하고 싶은 일들 Best5
<li type="1" />로또1등
<li type="A" />이은비 만나기
<li type="a" />집사기
<li type="I"/>사업하기
<li type="i"/>여행가기
<li />또 로또1등
</ol>
<HTML>
<HEAD>
<TITLE> j0115_4 </TITLE>
</HEAD>
<BODY>
<h3>*목록관련 tag*</h3>
<blockquote>네 자신을 알라~</blockquote>
<address>- 소크라테스 왈 -</address>
<dl>
<dt>HTML이란</dt>
<dd>Hyper Text Markup Language</dd>
<dd>웹언어다</dd>
</dl>
</BODY>
</HTML>
--------------------------------------------
네 자신을 알라~- 소크라테스 왈 -
- HTML이란
- Hyper Text Markup Language
- 웹언어다
=============================================
pre , xmp 태그
<h3>*입력한 그대로...*</h3>
<pre><b>
오잉떼1..
<>O= <>O= <>O=
<>O= <>O= <>o=
<>O= <>O=
<>O=
<>O= <>O= <>O=
</b></pre>
<xmp>
오잉떼2..
<O= <O= <O=
<O= <O= <o=
<O= <O=
<O=
<O= <O= <O=
</xmp>
이미지 백그라운드
<BODY text="white" background="D:/jsp_source/html/img/lees.bmp" bgproperties="fixed" leftmargin="0" topmargin="0">
이미지 태그 사용
<img src="D:\jsp_source/html/img/lees.bmp" width="20%" border="3" align="left" vspace="20" hspace="20" alt="이연희 사진">
<img src="./img/lees.bmp" width="20%" border="3" align="left" vspace="20" hspace="20" alt="이연희 사진">
프레임 은 아이프레임과는 달리 <body> 테그 속에 쓸수 없다
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<frameset rows="20%,*,15%" border="5" bordercolor="orange">
<frame src="./top.html" name="fLeft" scrolling="no" noresize />
<frameset cols="20%,80%" bordercolor="skyblue">
<frame src="./j0119_1.html" name="fLeft" scrolling="auto" noresize />
<frame src="../ch01/homeWork/정일준_0115.html" name="fMain" scrolling="yes" />
</frameset>
<frame src="./bottom.html" name="bottom" noresize />
</frameset>
</HTML>
홈페이지 이용약관
j0120_1_sub.html 파일에는 <pre></pre>테그속에 약관내용이 있음
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<h3>우리홈페이지 회원가입 약관</h3>
<iframe name="agreeFrame" src="j0120_1_sub.html" width="500" height="400"></iframe>
<br />
<form method="get" action="#">
<input name="agree" type="hidden" value="agree">
약관에
<input type="image" src="assent.gif">
<img src="unassent.gif" style="cursor:hand" onclick="javascript
</form>
</HTML>
<base target="conFrame" /> 을 이용한 iframe 내용 변경 예제
iframe 은 프레임 속에 프레임으로 <body>테그 속에들어간다.<HTML>
<HEAD>
<TITLE>도란도란</TITLE>
<base target="conFrame" />
</HEAD>
<BODY>
<marquee width="500" height="300" bgcolor="orange" direction="up" scrollamount="2">도란도란</marquee><br />
<a href="./j0113_1.html"><img src="./img/2.jpg" width="100"></a>
<a href="./j0113_2.html"><img src="./img/image1.jpg" width="100"></a>
<a href="./j0113_3.html"><img src="./img/lees.bmp" width="100"></a>
<a href="./j0113_4.html"><img src="./img/lees.bmp" width="100"></a>
<h3>이미지를 클릭하면 내용을 볼 수 있습니다.</h3>
<iframe name="conFrame" src=""></iframe>
</BODY>
</HTML>
멀티미디어 배경음악 플래시
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<ol>
<li />음악링크 : <a href="./media/music1.mp3">음악듣기</a>
<xmp><a href="./media/music1.mp3">음악듣기</a></xmp>
<li />배경음악1 : <bgsound src="./media/music1.mp3" loop="infinite" />그냥 보이지 않고 실행됨
<xmp><bgsound src="./media/music1.mp3" loop="infinite" /></xmp>
<li />배경음악2 : <embed src="./media/music1.mp3" autostart="false" hidden="false" height="29" />
<xmp><embed src="./media/music1.mp3" autostart="false" hidden="false" height="29" /></xmp>
<li />멀티미디어 wmv : <embed src="./media/bride.wmv" loop="false" autostart="false" hidden="false" />
<xmp><embed src="./media/bride.wmv" loop="false" autostart="false" hidden="false" /></xmp>
<li />멀티미디어 asf : <embed src="./media/senn.asf" loop="false" autostart="false" hidden="false" />
<xmp><embed src="./media/senn.asf" loop="false" autostart="false" hidden="false" /></xmp>
<li />플래쉬 swf : <embed src="./media/1122.swf" loop="true" autostart="false" hidden="false" />
<xmp><embed src="./media/1122.swf" loop="true" autostart="false" hidden="false" /></xmp>
</ol>
</BODY>
링크
<a name="top"></a>
<a href="#O">O형</a>
<a name="O"></a>
<a href="#top">TOP</a>
</HTML>
'프로그래밍 > HTML' 카테고리의 다른 글
| META TAG 메타태그 유용한 기능들 (0) | 2012.01.02 |
|---|