본문 바로가기

Study/Programming

HTML

반응형
File : test1.html

<html>
<head>
<title>문서의 제목</title>
<meta http-equiv="Content=Tpye" content="text/html;charset=utf-8">
</head>
<body background="" text="gray" marginwidth="30" marginheight="30">
<h1>h1</h1>
<h2>h2</h2>
<h3>h3<h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

<font size="1" color="red">font 1</font>
<font size="2" color="blue">font 2</font>
<font size="3" color="magenta">font 3</font>
<font size="4" color="green">font 4</font>
<font size="5" color="black">font 5</font>
<font size="6" color="puple">font 6</font>
<font size="7" color="black" face="백묵 굴림">굴림</font>
<font size="7" color="black" face="백묵 돋움">돋움</font>
<font size="7" color="black" face="백묵 헤드라인">헤드라인</font>
<pre>
Title - 제목줄에 출력되는 제목
<img src="./Desktop/1.gif" width="200" height="250">
<img src="./Desktop/1.gif" height="100"> height100 : 한쪽만 지정 시 width 자동계산
<img src="./Desktop/naver.gif" height="100" alt="어버이날입니다">
&nbsp;&nbsp;띄어쓰기
meta - 문서형식 정의
    charset - 문자열 데이터의 형식
        euc-kr > utf-8(유니코드) : euc-kr는 한글만 지원 utf-8는 다국어 지원
        MS949
        KSC5601

body bgcolor 알려진 색상이름 / 16진수 RGB
    background 이미지 파일경로명 / 이미지 파일명(절대/상대경로)
    *gif 일러스트 계열, jpg 사진 계열, png gif/jpg 장점들로 제작
    *바탕화면에 보이게됨
    *이미지는 바탕화면의 크기만큼 반복적으로 보임
    text    body 전체 글자의 기본 색상
    marginwidth : body의 좌우여백
    marginheight : body의 상단여백
</pre>

<p>CentOS is developed by a small but growing team of core developers.  In turn the core developers are supported by an active user community including system administrators, network administrators, enterprise users, managers, core Linux contributors and Linux enthusiasts from around the world.</p>

<p>CentOS has numerous advantages over some of the other clone projects including:  an active and growing user community, quickly rebuilt, tested, and QA'ed errata packages, an extensive mirror network, developers who are contactable and responsive, multiple free support avenues including IRC Chat, Mailing Lists, Forums, a dynamic FAQ.  Commercial support is offered via a number of vendors.</p>

<p>This site makes use of Javascript.  If your browser doesn't work with Javascript we recommend you use FireFox.</p>


<p align="right">RIGHT</p>
<p align="center">CENTER</p>
<p align="left">LEFT</p>

</body>
</html>

File : test2.html

<html>
<head>
</head>
<body>
난 두번째 문서<br>
<a href="./test1.html" target="_blank">여기를 클릭하세요</a><br>

<a href="./test1.html"><img src="./Desktop/1.gif" border="0"></a><br>
<table border="1" cellpadding="10" cellspacing="10">
<tr>
    <td rowspan="2">1</td>
    <td>2</td>
    <td>3</td>
<tr>
   
    <td align="center" valign="top">center top</td>
    <td valign="bottom">valign=bottom</td>
<tr>
    <td>8</td>
    <td>8</td>
    <td>9</td>
</tr>
</body>
</html>

File : fream.html

<html>
<head>
</head>
<frameset cols="15%, *" frameborder="0"><
    <frame src="./test4.html" name="left" noresize></frame>
    <frame src="http://naver.com" name="right" noresize></frame>
</frameset>
</html>

File : subframe.html

<html>
<head>
</head>
<body>
<ol type="i" start="10">
    <li><a href="http://www.naver.com" target="right">네이버!</a><br></li>
    <li><a href="http://www.daum.net" target="right">다음!</a><br></li>
    <li><a href="http://www.gogle.com" target="right">구글!</a><br></li>
</ol>
</body>
</html>







반응형

'Study > Programming' 카테고리의 다른 글

HTML2  (0) 2009.05.11
자바 주민등록번호 체크  (0) 2009.05.09
자바 Generic #1  (0) 2009.04.29
자바 Calendar  (0) 2009.04.28
자바 String  (0) 2009.04.27