'HTML.CSS.JavaScript/기타'에 해당되는 글 8건

  1. 2012.11.05 7. 입력한 데이터 받기
  2. 2012.11.05 6. 폼
  3. 2012.11.05 5. 프레임
  4. 2012.11.05 4. 표
  5. 2012.11.04 3. 여러 가지 HTML의 태그 (2)
  6. 2012.11.04 2. 여러 가지 HTML 태그 (1)
  7. 2012.11.04 1. HTML의 기본
  8. 2012.10.02 1. 기초작성법
HTML.CSS.JavaScript/기타2012. 11. 5. 14:59

입력한 데이터를 GET이나 POST로 송신하고, 서버에서 받는 방법


POST로 전달된 데이터는 키보드와 입력된 것과 똑같이 STDIN(표준 입출력)이라는 방법으로 받습니다.

GET으로 전달된 데이터는 QUERY_STRING(환경 변수)이라는 웹 서버의 OS가 갖고 있는 변수에 저장됩니다.


6. 폼에서 작성한 파일로 부터 전달받은 값을 펄(perl)의 CGI 프로그램을 사용하여 송신해보자.


#!/perl/bin/perl    =cut  Perl의 경로를 지정 (ActivePerl이 'C:\perl'의 폴더에 설치된 경우의 경로) =cut


$str = $ENV("QUERY_STRING");    #환경 변수 QUERY_STRING의 내용을 변수$str에 대입


print "Content-type: text/html\n\n";    #콘텐트의 종류 (출력 내용이 HTML 텍스트라는 것을 나타냄)

=cut

$str의 내용을 출력

=cut

print "<html>\n";

print "<title>CGI</title>\n";

print "<body>\n";

print "$str\n";

print "</body\n";

print "</html>\n";


'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

6. 폼  (0) 2012.11.05
5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 5. 14:42

폼은 브라우저에서 데이터를 입력 선택하기 위한 부품.

폼에 입력된 정보는 서버에 전달 됩니다.


<html>

<head><title>입력폼</title>


<body>

<form action="http://localhost/cgi-bin/getname.cgi" method="GET"> <!--URL지정, 송신방법 (POST, GET)으로 지정-->

이름<input type="text", name="NM"><br> <!--폼과 부품의 종류를 지정, 송신할 값을 지정-->

<input type="submit" value="보내기"><br>

</form>

</body>

</html>




'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

7. 입력한 데이터 받기  (0) 2012.11.05
5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 5. 14:25

웹 브라우저 창을 분할하여 한 번에 여러 개의 페이지를 표시할 수 있는 틀을 '프레임' 이라고 한다.

프레임을 작성하려면 분할을 지정 할 부모 프레임 HTML 파일과 각 페이지를 표시할 자식 프레임 HTML 파일이 필요합니다.


<html>

<head><title>프레임</title></head>


<frameset row="20%, 80%"> <!--<frameset> 태그로 분할을 지정 (프레임을 row(가로로 1:4 분할 (세로는 cols))-->

<frame src="A.html"" name="menu"> <!--<frameset> 태그로 표시할 페이지 지정(프레임 명(name) 과 프레임에 표시할 HTML파일 지정(src))-->

<frameset cols="20%, 80%">

<frame src="B.html" name="data">

<frame src="C.html" name="mycontents">

</frameset>

<noframes> <!--<noframes> 태그와 </nofames> 태그 사시에 프레임을 처리하지 못하는 브라우저를 위한 메시지를 기술-->

<body>

이 페이지는 프레임을 사용하고 있습니다.

</body>

</noframes>


</frameset>

</html>


---------------------------------


<a href="0603.html" target="mycontents">6월 3일 (월) </a> : 프레임에 표시할 파일명을 지정하고 페이지를 표시할 프레임을 지정

'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

7. 입력한 데이터 받기  (0) 2012.11.05
6. 폼  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 5. 14:05

1. 표

<html>

<head>


<title>메탈표</title>


<body>

<table border="5" cellspacing="10" cellpadding="15"> <!--바깥쪽 테두리와 안쪽 테두리의 너비를 픽셀단위로 지정, 셀의 공백을 픽셀로 지정-->

<caption>메탈</caption>    <!--표의 제목 설정-->

<tr><td>&nbsp;</td>

<tr><td>헤비메탈</td><td>데스메탈</td>

<tr><td>인더스트리얼</td><td>에픽메탈</td>

</table>


</head>

</html>




------------------

colspan="2" : 2개의 셀을 가로로 병합합니다.

rowspan="2" : 2개의 셀을 세로로 병합합니다.

&nbsp (non-breaking-space) : 공란 표시

'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

6. 폼  (0) 2012.11.05
5. 프레임  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
1. HTML의 기본  (0) 2012.11.04
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 4. 18:49

1. 목록

<html>


<head>

<title>멜데스</title>

</head>


<body>

<h1>멜로딕 데스메탈</h1>

<h2>Children Of Bodom</h2>

<ol>

<li>Lake Bodom</li>

<li>Downfall</li>

<li>Everytime I Die </li>

<li>Hate crew Deathroll</li>

<li>Are you dead yet?</li>

<li>Banned From Heaven </li>

<li>Roundtrip To Hell And Back</li>

</ol>

</body>

</html>


*<ul>을 쓰면 숫자 대신 점(·)이 찍힌다.


2. 특수 기호의 사용

태그 표기에 사용되는 기호들을 출력하려면?

& --> &amp;    ~와~(ampersand)

< --> &lt;        ~보다 작다(less-than)

> --> &gt;        ~보다 크다(greater-than)

"        &quo;    큰따옴표(double quotation)


'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
1. HTML의 기본  (0) 2012.11.04
1. 기초작성법  (0) 2012.10.02
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 4. 18:39

1. 본문의 목차의 크기 

ex)


<html>


<head>

<title>멜데스</title>

</head>


<body>

<h1>멜로딕 데스메탈</h1>

<h2>Children Of Bodom</h2>

<h3>Relentless, Reckless Forever</h3>

<h4>Roundtrip to hell and back</h4>

</body>

</html>


2. 링크


<html>


<head>

<title>멜데스</title>

</head>


<body>

<h1>멜로딕 데스메탈</h1>

<h2>Children Of Bodom</h2>

<h3>Relentless, Reckless Forever</h3>

<h4>Roundtrip to hell and back</h4>

<a href="http://www.youtube.com/watch?v=ldiVtE0Vnu0">Roundtrip to hell and back</a>

</body>

</html>


3. 강조

<html>


<head>

<title>멜데스</title>

</head>


<body>

<h1>멜로딕 데스메탈</h1>

<h2>Children Of Bodom</h2>

<h3><em>Relentless, Reckless Forever</em></h3>

<h4><strong>Roundtrip to hell and back</strong></h4>

<a href="http://www.youtube.com/watch?v=ldiVtE0Vnu0">Roundtrip to hell and back</a>

</body>

</html>


4. 그 외의 기능

<hr> : 가로 선을 표시

<p> ~ </P> : 단락을 설정

<b> ~ </b> : 태그로 둘러싸인 부분을 굵은 글꼴로 표시

<u> ~ </u> : 태그로 둘러싸인 부분에 밑줄을 긋기

<br> : 줄을 바꿈

<img src="그림파일명"> : 지정된 그림 파일 표시

<pre> ~ </pre> : 브라우저에 따라 모양을 바꾸지 않고 입력한 대로 표시


'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
1. HTML의 기본  (0) 2012.11.04
1. 기초작성법  (0) 2012.10.02
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 11. 4. 18:17

1. 메모장을 열자!


2. 입력

<html>    <!--HTML의 시작-->


<head>    <!--문서의 정보 시작-->

<title> Greet </title>    <!--문서의 제목 기술 선언 및 닫기-->

</head>    <!--문서의 정보 끝-->


<body>    <!--문서의 본문의 시작-->

Hello HTML!    <!--내용-->

</body>    <!--문서의 본문 종료-->


</html>    <!--HTML의 종료-->


3. 저장한 메모장의 확장자명을 html로 바꾸자.

ex) 새 텍스트 문서.txt -> 새 텍스트 문서.html


4. 실행



'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
1. 기초작성법  (0) 2012.10.02
Posted by 멜데스
HTML.CSS.JavaScript/기타2012. 10. 2. 09:15

시작하기전에

작성프로그램이 필요합니다.

Editplus, 노트패드++, Ultra Editor, 에스프레소(mac) 등이 주로 이용되는데, 이 중에 하나는 가지고 계셔야 합니다.


HTML의 가장 기본 구조

<html>                                                               html 문서 영역을 시작합니다.

<head>                                                        문서 정보를 담고 있는 머리글 영역을 시작합니다.

<title> HTML5 문서 기초 </title>                    문서의 제목을 웹 브라우저에 알립니다.

</head>                                                       문서 머리글 영역이 닫힘을 웹 브라우저에 알립니다.

<body>                                                        문서의 본문 영역이며, 사용자에게 보이게 될 부분의 시작입니다.

</body>                                                       문서의 본문 영역이 닫힙니다.

</html>                                                              html 문서 영역을 끝냅니다.

'HTML.CSS.JavaScript > 기타' 카테고리의 다른 글

5. 프레임  (0) 2012.11.05
4. 표  (0) 2012.11.05
3. 여러 가지 HTML의 태그 (2)  (0) 2012.11.04
2. 여러 가지 HTML 태그 (1)  (0) 2012.11.04
1. HTML의 기본  (0) 2012.11.04
Posted by 멜데스