|
출처: 그 곳에 가면 그리움이 원문보기 글쓴이: 風子/尹俊皓
태그의 종류 종합정리
<HR>
태그명령어의 종류는 약....50 ~ 60개 정도 된다고 하네요
태그명령어 중에 주로 쓰이는 태그명령어는 20개 안팎이라고 할 수 있습니다
크게 분류를 나누어 본다면 "문서지정", "목록정의", "링크관련", "테이블관련", "프레임관련", "사운드/이미지태그", "서식태그", 기타 등등 태그들이 있습니다 그리고 브라우저에 따라 "익스플러워 전용태그", "네스케이프 전용태그", "양쪽 다 적용되는 태그" 가 있구요. 대부분의 태그는 양쪽 브라우저에 다 적용이 되는데 일부 태그들은 아직도 각각의 브라우저에서만 실행되는 게 있습니다
<음악은 리믹스로 계속나옵니다>
body의 속성 background 배경 이미지 <body background="http://이미지 파일 주소">
bgcolor 배경 색 <body bgcolor="색이름 or 색상표 코드">
text 글자색 지정 <body text="색이름 or 색상표 코드">
link 링크된 글자의 색지정 <body link="색이름 or 색상표 코드">
vlink 방문한 링크 색지정 <body vlink="색이름 or 색상표 코드">
alink 클릭 했을때 링크 색지정 <body alink="색이름 or 색상표 코드">
img의 속성 src 경로명 <img src="http://이미지 파일 주소">
align 이미지의 위치 지정 <img src="http:// ~ " align="left:right:center:top:middle:down">
alt 풍선 도움말 <img src="http:// ~ " alt="도움말">
border 테두리 설정 <img src="http:// ~ " border="n"> n=수
height 이미지 높이 <img src="http:// ~ " height="n%"> % 또는 픽셀
width 이미지 넓이 <img src="http:// ~ " width="n%"> % 또는 픽셀
hspace 좌우 여백 <img src="http:// ~ " hspace="n%"> % 또는 픽셀
vspace 상하 여백 <img src="http:// ~ " vspace="n%"> % 또는 픽셀
marquee의 속성 behavior! marquee의 영역 <marquee behavior!="scroll : slide : alternate">
scroll 영역을 벗어나서 사라진다. <marquee behavior!="scroll ">
slide 영역의 끝 부분에서 멈춥다. <marquee behavior!="slide">
alternate 영역을 왔다 갔다 한다. <marquee behavior!="alternate">
bgcolor 배경색을 지정 <marquee bgcolor="색상명 or 색상코드">
width & height 범위를 지정 <marquee width="n or n%" height="n or n%">
direction 움직이는 방향을 지정 <marquee direction="left,right,up,down">
scrolldelay 스크롤의 지연효과를 냅니다. 1000을 지정해 주면 1초간 정지됩니다. <marquee scrolldelay="n(단위 milliseconds)">
scrollamount 스크롤의 이동폭(scrollamount="50" 이면 50픽셀씩 움직입니다)을 지정 합니다. <marquee scrollamount="n(픽셀)">
loop 스크롤의 반복회수를 지정 (n은 반복수) <marquee loop="n">
나머지 태그들 a 문서 연결 태그 <a href="http://문서 주소" target="문서의 위치 결정">
hn 글씨 크기 조정 <hn>~</hn> n은 1~6 까지
hr 가로줄 만들기. <hr>
p 문단을 나눈다. <p>~</p> /p는 생략가능
br 한줄 띄우기 <br>
b 굵게 만들기. <b>~</b>
i 이텔릭체 <i>~</i>
u 밑줄 긋기 <u>~</u>
pre 임의의 형태로 만들기. <pre>~</pre>
xmp xmp안의 모든 태그를 무시 ~
[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound 음악 <[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src="http:음악 파일 주소" loop=n>
marquee: 왼쪽으로 움직이게 하는 명령어
▶direction: 움직임의 방향을 결정
▶scrollamount: 움직임의 속도결정(스크롤의 보폭)
▶loop: 얼마만큼 반복해 줄것인가를 결정케함
▶@: 글씨를 눕혀보이고자 할때
▶behavior!=alternate: 움직이다 멈춤을 결정케함
▶width: 가로폭결정
▶height: 세로폭결정
▶font: 글꼴지정
▶font size: 글씨 크기결정
▶font color: 글씨 색 결정
▶font face: 글씨체 결정
▶background: 배경 그림 결정
▶bgcolor: 바탕색 결정
▶src: 경로/주소
▶img: 그림삽입
▶embed!: 동영상,사운드 삽입
▶align=top: 정렬 위로
▶align=center: 정렬 중앙
▶align=bottom: 정렬 아래
▶br: 엔터 한번 효과
▶p: 엔터 두번 효과
▶(hr)..(/hr): 수평선 그리기
▶(u)..(/u): 밑줄 긋기
▶(b)..(/b): 굵은 글씨체 만들기
▶(ol)..(/ol): 목록 태그
▶(sub)..(/sub): 아래 첨자
▶(sup)..(/sup): 윗 첨자
▶(pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함
▶alt: 그림설명
▶(table)..(/table): 표를 만들기 위한 태그
▶border: 테두리 두께 결정
▶(td)..(/td): 셀의 내용지정
▶(tr)..(/tr): td를 사용할때 시작과 끝남 결정
▶bordercolor: 테두리 색결정
▶cellspacing: 셀과 테두리와의 간격 결정
▶cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정
▶rowspan: 세로줄을 합치게 함
▶colspan: 가로줄을 합치게 함
▶html: html문서의 시작
▶head: html문서의 머리
▶(title)..(/title): html문서의 제목과 끝
▶(body)..(/body): html문서의 본문과 끝
▶/html: html문서의 끝
▶(a)..(/a): 하이퍼 텍스트 연결(링크)
▶glow: 필터속성중의 하나
▶shadow: 필터속성중의 하나
▶alpha: 필터속성중의 하나
▶glow: 필터속성중의 하나
▶blur: 필터속성중의 하나
▶wave: 필터속성중의 하나
▶xray: 필터속성중의 하나
▶invert: 필터속성중의 하나
▶gray: 필터속성중의 하나
▶(style=filter:fliph()).. (/span): 그림의 좌우바꾸기
▶(span style=filter:fliph ();height:1px;)...(/span): 글씨의 좌우바꾸기
▶(span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기
▶bordercolorlight: 테두리의 위쪽모서리색 지정
▶bordercolordark: 테두리의 아래쪽모서리색 지정
▶(frameset)..(frameset): 프레임을 어떻게 나눌지 결정
▶frameset cols: 창을 좌우로 나눔 결정
▶frameset rows: 창을 상하로 나눔 결정
▶(applet!!!!!!!)..(/applet!!!!!!!): 자바 애플릿 삽입
▶(script)..(/script): 자바 스크립트 삽입
1. 요것만 일아도....태그도사
<*font color=글색(영어로)*>내용<*/font*>
<*font color=red*>내용<*/font*>
<*font color=orange*>내용<*/font*>
<*font color=yellow*>내용<*/font*>
<*font color=green*>내용<*/font*>
<*font color=blue*>내용<*/font*>
<*font color=black*>내용<*/font*>
<*font color=gray*>내용<*/font*>
<*font color=brown*>내용<*/font*>
이미지 넣기 <*img src=주소*>
배경화면 넣기 <*style*>body{*background=url(주소)*}<*/style*>
배경음악 넣기 <*[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src=주소*>
링크 넣기 <*a href=링크할 주소*>내용,이미지<*/a*>
<*a href=<a href="http://myhome.naver.com/hotsel/" target="_blank">http://myhome.naver.com/hotsel/</a>.*><*/a*>
글자가운데로 넣기 <*center*>하구싶은말<*/center*>
<*marquee behavior!=alternate*>여기에 그림주소넣으세요 <*/marquee*> ☞그림이 양쪽으로 왕복해요
<*marquee direction=left*>여기에 그림주소 넣으세요 <*/marquee*> ☞그림이 왼쪽으로 움직여요
<*marquee direction=right*>여기에 그림주소 넣으세요<*/marquee*> ☞그림이 오른쪽으로 움직여요
<*marquee direction=up*>여기에 그림주소 넣으세요<*/marquee*> ☞그림이 밑에서 위로 올라와요
<*marquee direction=down*>여기에 그림주소 넣으세요<*/marquee*> ☞그림이 위에서 밑으로 내려가요
<*marquee scrollamount=30*>여기에 그림주소 넣으세요<*/marqee*> ☞그림이 굉장히 빨리지나가요
★이미지 태그★
▶사진 크기 조절하는것 <*width=400 height=400 border=10>
▶사진에 명암주기 <*style="filter:alpha(opacity=100, style=2, finishopacity=0)">
*는 없애주세요
(첫번째 방법)
요즘은 소스보기를 참 다양하게 하는것 같네요. 아랫방법은 막아논 페이지의 주소를 알 경우에 사용한답니다. 이 방법은 소스보기를 막아논 페이지에 가서 방법을 취하는 것이 아니고 그 페이지의 주소를 파악해서 따로 페이지를 열어봄으로써 그 페이지의 소스를 보는 것입니다. 위의 부분에 보고자하는 페이지의 주소를 입력하시고 링크를 걸어주시고 확인해보세요.
(두 번째 방법)
★1. Shift 와 F10 을 같이 누르면 아무리 잠가논, 소스라도 볼수 있답니다,
★2. 마우스 오른쪽버튼을 누르고 Enter을 친후 빠르게 다시한번 마우스 오른쪽버튼을 누르면 됩니다.
★3. "Ctrl + 오른쪽 마우스 클릭" 컨트롤+오른쪽 마우스 클릭을 하시면 컨트롤 키를 막아놓지 않은 페이지에서는 유용하게 쓰입니다.
★4."ESC + 오른쪽 마우스 클릭"을 계속해보세요.오른쪽 마우스 클릭 하지 말라는 경고메세지가 나오면 ESC키를 누르고 다시 오른쪽 마우스 클릭을 몇 번 하다보면 소스보기 메뉴가 나옵니다.
(세 번째 방법)
브라우저 메뉴는 모두 있고, 마우스 오른쪽 클릭(우클릭)이 안될 경우 간단히 브라우저 메뉴에서 "보기 -> 소스"를 하시면 자연히 보입니다.
HTML 페이지내에 용량이 좀 되는 asf나 wma 음악을 연결하실 때에는 <embed! src=" 주소"> 형식을 사용하시면 페이지를 열 때 음악이 바로 나와서 좋습니다.
<[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src=" 주소">
용량이 작은 mid파일에 많이 사용하고 홈페이지 배경음악에 주로 씁니다. wav나 mp3에도 가능하지만 용량이 문제되지요. [안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound는 음악파일을 전부 다운로드하고나서 소리가 나니까 용량이 큰 wav, mp3, asf, wma등에 사용하면 다운로드 하는 동안 화면이 정지하게 됩니다. 그리고 이 태그는 익스플로워에서만 된다고 하네요.
<embed! src=" 주소">
이것은 외부화일을 연결할 때에 사용하는 태그 이지요. 플래쉬, 음악, 비디오등의 다양한 연결이 가능합니다. 넷스케이프 용으로 나온 것인데 익스플로워에서도 잘 되고 장점으로 [안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound는 다운로드후에 재생이 되지만 embed!는 실시간으로 재생이 되므로 그 페이지를 열 때 바로 음악이나 비디오가 나옵니다.