Jung-Hyunchel

③ SOURCE-2자료실

①cho-rok 애플릿 ②Source자료실-1 ③ Source자료실-2 ④Tag자료실 ⑤cho-rok TagSource자료실 태그연습장
태그를 배우고자 하시는 분에게 도움이 되고자, 재미있는 소스들입니다. 기본적인 것을알게되었으면 다양한 자료들을 사용하여 재미있게꾸며보세요

애플릿이 아니고 테이블이예요..^^ 넓이와 길이는 바꾸면되요......지금 글씨색은 분홍 "pink"라고 쓰여진 부분에 딴색상이름을 넣으시면....글씨 색이 바뀝니다

<tr><td width="789" style="border-top-width:1; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:black; border-style:solid;" bgcolor="black"><p><marquee bgcolor="black" width="760" height="2"> <font color="pink" size="5">애플릿이 아니고 테이블이예요..^^ 넓이와 길이는 바꾸면되요......지금 글씨색은 분홍라고 쓰여진 부분에 딴색상이름을 넣으시면....글씨 색이 바뀝니다 </marquee></font></p></td></tr>

초록이슬홈에오신걸진심으로 환영합니다

<tr><td width="786" style="border-top-width:1; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:black; border-style:solid;"><p><center><table width=100%><td width=470><span style=color:ffffff;filter:shadow(color=333399);height:0px><font face=돋움체><FONT SIZE=5><MARQUEE DIRECTION=right><MARQUEE DIRECTION=left><b>초록이슬홈에오신걸진심으로 환영합니다</b></font></font></span></td></tr>


	여기는 초록이슬의 홈입니다

초록이슬의 소스방입니 다...

<table width=100%><td width="99%"><span style=color:aqua;filter:glow(color=blue);height:0px><font face=휴먼매직체><FONT SIZE=8><MARQUEE DIRECTION=right><MARQUEE DIRECTION=left>초록이슬의 소스방입니다...</font></font></span></marquee></marquee></td></tr></table>

행복한 하루 되세요.건강 하세요

초록이슬정현철홈에 오신걸 환영합니다

<h1><span style="width: 600; height: 50; font-size: 10pt; font-family: Arial Black;>color:ivory; Filter: Glow(Color=green, strength=10)"><b>*</b></span><span style="font-family:'Arial Black'; font-size:24pt; color:ivory; width:600; height:50; Filter: Glow(Color=green, strength=10)"><b>초록이슬정현철홈에 오신걸 환영합니다</b></span></h1>

홈은 하이홈 네이버에도 있어요

<h1><span style="width: 600; height: 50; font-size: 10pt; font-family: Arial Black;>color:ivory; Filter: Glow(Color=deeppink, strength=10)"><b>홈은 하이홈 네이버에도 있어요</b></span></h1>

많이 구경 하고 가세요.또 오세요

초록이슬나라의 글씨 공부 파란 그림자 글씨

<span style=" width:100%; height: 20; font-size: 10pt; color: #FFFFFF; valign:bottom; Filter: glow(color=6666FF,strength:2); font-weight:none; "><font size=5 face="휴먼체">초록이슬나라의 글씨 공부 파란그림자 글씨</font></span>

+♡★
초록이슬그림나라 홈주소는 http://oolsan.hihome.com/ 입니다
★♡+

<tr><td width=50 style="color:hotpink;">+♡★</td><td width="649" bgcolor="hotpink"><p><marquee direction="left"><font size="2" color="white">초록이슬그림나라 홈주소는 http://oolsan.hihome.com/ 입니다</font></td><td width="56" align=right style="color:hotpink">★♡+</td></tr>

초록이슬은 언제나 여러분들의사랑을받고싶습니다

<marquee bgcolor=#7287D1 direction=right><font color=white size=7 face=휴먼매직체></font><font color="#333366" size="7" face="휴먼매직체"><b>초록이슬은 언제나 여러분들의사랑을받고싶습니다</b></font></marquee>

여기는 초록이슬의 홈입니다

<p><font color=white size=7 face=휴먼매직체><b><marquee bgcolor=#ff8888><font color=#ffffff size=6 face=휴먼매직체><b>여기는 초록이슬의 홈입니다</marquee></b></font></b></font>

★ 초 록 이 슬 입 니 다

초록이슬의 분 홍색 글씨..

<table width=100%><td width=550><span style=color:pink;filter:shadow(color=ff00cc);height:0px><font face=휴먼엽서체><FONT SIZE=7><MARQUEE DIRECTION=right><MARQUEE DIRECTION=left>초록이슬의 분홍색 글씨..</font></font></span></td></tr></table>

1)▒이름▒:★초록이슬*。*。*。★
2)▒사는 곳▒:★대한민국ㅋ。★
3)▒이곳에▒:★글자만 바꾸세요*。*。★
4)▒글자만▒:★쓰고 싶은대로 하면됩니다★

<table width=450 height=40 border=3 bordercolor=purple><tr><td align=center background="black"><marquee direction=up scrollamount=2 width=370 height=180><font color=hotpink size=2><b>
1)▒이름▒:★초록이슬*。*。*。★<br>
2)▒사는 곳▒:★대한민국ㅋ。★<br>
3)▒이곳에▒:★글자만 바꾸세요*。*。★<br>
4)▒글자만▒:★쓰고 싶은대로 하면됩니다★<br></b></font></td></TR></TABLE>

[★태그소스★]초록이슬의 자기 프로필 할때 좋은 거.

우리반 친구들 안녕? 소 스입니다. 글자만 바꾸면 된답니다

<CENTER><table border="10" bordercolor="#000066"bordercolordark="#000066" bordercolorlight="#000066" WIDTH=600><tr bgcolor="006400"><td height="2"><font color="white"><marquee><b>우리반 친구들 안녕? 소스입니다. 글자만 바꾸면 된답니다</b></marquee></font></td></tr></table></center>

초록이슬그림나라와 더불어 오늘도 즐거운 하루되세요.

<span style=color:aqua;filter:glow(color=blue);height:0px><font face=서울흘기><FONT SIZE=6><MARQUEE DIRECTION=right><MARQUEE DIRECTION=left>초록이슬그림나라와 더불어 오늘도 즐거운 하루되세요.</marquee></font></font></span>

<marquee bgcolor=PURPLE><select name><option>초록이슬 홈페이지에 오심을 환영합니다. 영원히 이 홈을 사랑해 주시기를 바라는 마음입니다</option></marquee>

: 초록이슬그림나라에오심을환영합니다

<span style=" width:100%; height: 50; font-size: 10pt; color: white; valign:bottom; Filter: glow(color=green,strength:2); font-weight:none; ">: <span style="font-size:26pt; color:white; width:100%; height:50; valign:bottom; Filter: glow(color=green,strength:2); font-weight:none;"><font face="엽서체">초록이슬그림나라에오심을환영합니다</span></font>

불타는글 Glow 글자체

이런걸 Wave라고 합니다 알아보시겠어요?

<span style="font-family:돋움체;font-size:20pt;font-weight:bold;color:#ff0000;width:650;height:10;Filter:Wave(add=0,freq=2,lightstrength=5,phase=50,strength=3)"><center>이런걸 Wave라고 합니다 알아보시겠어요?</center></span>

초록이슬나라에서 각도를 135로 글색#FFFF00

<DIV STYLE="width:520; height:50; font-size: 15pt; color:#FFFF00; filter:Shadow(Color=#666666, Direction=135)"><CENTER><B>초록이슬나라에서 각도를 135로 글색#FFFF00</B></CENTER></DIV>

각도를 135로 글색blue

<DIV STYLE="width:520; height:50; font-size: 32pt; color:#FFFF00; filter:Shadow(Color=#44444, Direction=135)"> <CENTER><B>각도를 135로 글색blue </B></CENTER></DIV>

초록이슬나라에 여기에 소스를 퍼 가세요

<span style="color:green;filter:glow(color=orange);height:10px" onmouseover="this.style.color='red';this.style.filter='shadow(color=blue)'" onmouseout="this.style.color='green';this.style.filter='glow(color=orange)'"><font face="바탕" size="6"><b>초록이슬나라에 여기에 소스를 퍼 가세요</b></font></span>

초록글자야 꺼꾸로 서봐

<DIV STYLE="width:520; height:50; font-size: 32pt; filter:FlipV() FlipH();"><CENTER><font color="#006600">초록글자야 꺼꾸로 서봐</font></CENTER></DIV>

글씨체 초록이슬 글씨의

☆★

color:red에 색깔만 바꾸면 됩니다

★☆

<center><table style="border: 0.2em double red;"> <tr><td width=50 style="color:red;">☆★</td><td width=400 bgcolor="red"><marquee direction="left"><font size="2" color="white">color:red에 색깔만 바꾸면 됩니다</font></td><td width=50 align=right style="color:red">★☆</td></tr></table>

☆★

내가 원하는 색상을 바꾸면 배경색이 바뀝니다....

★☆

☆★

color:red에 색상 바꾸는거 잊지 마세요

★☆

<center><table style="border: 0.2em double yellow;"> <tr><td width=50 style="color:yellow;">☆★</td><td width=400 bgcolor="yellow"><marquee direction="left"><font size="2" color="white">color:red에 색상 바꾸는거 잊지 마세요</font></td><td width=50 align=right style="color:yellow">★☆</td></tr></table>

HTML이란?....

  HTML이란 Hyper Text Markup Language의 약자로 웹브라우저에 하이퍼텍스트 기능을 가진 문서를 만드는 언어이다.
  지금 사용하는 브라우저의 오늘쪽 마우스를 누르면 팝업되는 메뉴에서 네스케이프는 view source 라는 부분 또는 익스플로워는 html보기를 선택하면 지금 보고 있는 화면의 html 소스를 볼 수가 있다. 즉 브라우저는 바로 이 html 소스를 분석하여 화면에 출력하는 것이다.
  html 소스에 나오는 이상한 글자가 바로 html을 구성하는 태그 또는 택이라고 부르는 부분이다. 이렇게 html은 여러가지 택으로 구성되어 하나의 화면을 보여주는 한페이지를 구성한다. What is TAG 택이란 HTML문서의 모양과 행동양식을 정해주는 하나의 명령어로서, HTML 문서를 읽는 브라우저 에게 화면에 나타나는 방식을 설명해 주게 된다.
   택은 우리말로 흔히 지시자라고 하는데, 보통 " < >"로 둘러 쌓여 다른 문장들과 구별되어 보인다. 보통 HTML 택은 <택>와 으로 짝을 이워 사용되고, 이 둘 사이에 문장이 들어가게 된다.
  처음에 < >로 둘러쌓여 나오는 택을 "시작택(start Tag)" 이라 부르고 나중에 로 둘러 쌓여 나오는 택을 "마지막 택(End Tag)" 이라 부르고 있다. 물론 시작 택 으로만 이루어진 것도 사용 된다. HTML 문서만드는 방법 첫번째는 문서 편집기를 이용하여 만드는 방법이 있다.
   이 방법은 HTML문서를 만드는데 가장 많이 사용하는 방법으로 유닉스나 리룩스를 사용하는 사람은 쉘상에서 바로 vi 에디터기를 사용해도 되고 윈도우즈를 사용하는 사람은 간단한 내용의 html작성은 "메모장"이나 약간 양이 많은 문서는 "NotePad"를 사용하면 된다. 이 방법은 HTML 문법을 모두 알고 있어야 한다는 어려움도 있지만, 언제어디서나 쉽게 HTML 문서를 만들수 있다.
   두번째는 HTML 전용 편집기를 사용하는 방법이 있다. HTML 에서 사용하는 모든 명령이 편집기의 메뉴에 등록되어 있기 때문에 문법을 외우지 않아도 된다는 편리함이 있다. 그렇지만 이 편집기가 없는 곳에서는 사용할 수 없다는 문제점이 있다.
  현재 가장 많이 쓰이고 있는 편집기로는 나모웹에디터가 제일 많이 사용되며 기타 핫도그(HotDog), 핫메탈(Hot Metal),프로트페이지97등이 있다.만약 에디터기를 사용한다면 나모웹에디터기를 추천한다.
  우리가 제일 많이 사용하는 한글을 가장 강력하게 지원하는 이유도 있지만 국산이라는 점이 맘에 든다.하지만 주의할점은 에디터기를 사용할 지라도 html은 알아야 한다는 점이다.
  개인적으로 에디터기는 권장하지 않는다. HTML 문서작성시 주의할 점 HTML 문서는 사용자가 어떤 브라우저를 사용하느냐에 따라 동일한 HTML 문서가 다른 형태로 나타날 수 있다. 그렇기 때문에 HTML 문서를 만들때에는 특정 브라우저 에서만 화려하게 보이도록 디자인 하는 것보다 누구나 읽기 쉽고 이해하기 쉽도록 문서를 디자인하는 것이 훨씬 바람직하며, 가능하다면 다양한 브라우저에서 테스트를 해 보는 것도 필요하다.
  만약 홈페이지를 만들고자 하는 의욕이 넘친다면 브라우저를 최소 3개는 사용해야 한다. 하나는 익스플로원 버젼 4.0 이상, 또 네스케이프 4.0 이상, 그리고 어느것이든 상관없이 버젼이 4.0 이하인 것을 컴퓨터에 깔아 놓고 작성된 홈페이지를 검사해야 한다. 버젼 4.0 이 기준이 이유는 4.0 이상부터 현재 활발하게 발전하고 있는 DHTML을 지원하기 때문이다

◈.html 기본 구조
html문서는 head와 body 두 부분으로 나누어진다.
head는 문서의 설명부분이고 body는 문서의 내용을 기술하는 부분이다

<html> --------------------------- html 문서의 시작
<head> --------------------------- 문서의 설명
<title>문서의제목</title> ------ 브라우저의 상단에 표시되는 문서제목
<body> --------- 밑에 있는 body을 설정하시면되요.*^^*
사이에 브라우저상에 보여줄 내용 -- 텍스트와 그림으로 구성된 몸체
(javascript.applet.등등 이곳에 자신의 원하는 모양을 만드세요)
</body>
</html> -------------------------- html문서의 끝

▶ <head> ∼ </head>
이 태그안에 기술될 수 있는 태그는 다음과 같다.
♡.<title> 문서의 제목
♡.<script> 여러 가지 언어의 스크립트정의
♡.<meta> 여러 가지 메타 태그 기술
♡.<style> 문서에서 사용될 여러 가지 스타일 정의
▶ <body> ∼ </body>
문서의 실제 내용을 기술해 주는 부분이다.

<html>
<head>
<title>문서의제목</title>
<body background=배경그림 bgcolor=색상 text=색상 link=색상
vlink=색상 alink=색상>
사이에 브라우저상에 보여줄 내용 -- 텍스트와 그림으로 구성된 몸체
(javascript.applet.등등 이곳에 자신의 원하는 모양을 만드세요)
</body>
</html>

<body background=배경그림 bgcolor=색상 text=색상 link=색상
vlink=색상 alink=색상>
기본적으로 이런식.*^^*
<body bgcolor="white" text="black"
link="blue" vlink="purple" alink="red">
♡.background는 배경그림을 지정한다.
(예을들어 이런식으로 해주시면 됨니다.(ex.background=good.gif)
그냥 url을 적어주셔도 됨니다.)
♡.bgcolor는 배경색상을 지정한다.(ex.bgcolor=yellow)
색상코드을 넣으세용.^^;;
♡.text는 해당 페이지의 문자 색상을 지정한다.
♡.link는 링크가 되어 있는 문자의 색상을 지정한다.
♡.vlink는 링크가 되어있는 문서 중 한번 방문했던
링크의 색상을 지정한다.
♡.alink는 링크가 되어있는 문자를 마우스로 선택하는
순간 변하는 색상을 지정한다.
※.body 설정하는데 불필요 할뗴는 사용하고 싶은것들만
사용할수 있습니다.
예을들어 <body bgcolor=green> 이렇케만 사용하시면
바탕화면 색상만 설정할수 있겠죠.^^;;
★.그밖에 명령어들.*^^*
ⓐ.bgproperties="fixed" 배경그림을 고정시켜주는 명령어입니다.*^^*
ⓑ.topmargin 화면에 나타나는 문서의 위 여백을 지정합니다.
ⓒ.leftmargin 화면에 나타나는 문서의 좌측여백을 지정합니다.
예제)━☞ <body bgproperties="fixed" topmargin=10 leftmargin=10>

Today is And Since 2001.01.01 ,→ 은 ''정현철세계여행'open일로 부터 일째 되는 날입니다
USE TO MY HOMEPAGE COUNTER
SINCE 2001,01.01	SINCE 2014,11.02
	오늘 일째 방문자 수
1,221,004+

*행복한 하루 되세요.건강 하세요*

초록이슬정현철홈에 오신걸 환영합니다

홈은 하이홈 네이버에도 있어요

*많이 구경 하고 가세요.또 오세요*

행복한 하루 되세요.건강 하세요

많이 구경 하고 가세요.또 오세요