태그 썸네일형 리스트형 <HR> 수평선 태그 수평선 긋기 태그는 로 시작합니다 수평선 만을 그릴때는 또는 이런식으로 단위는 px또는 %로 합니다 px=모니터의 픽셀로 표시되는 크기이며 브라우져 크기와 상관 없이 동일하게 표시가 됩니다 %=브라우져의 크기로 표시되는것으로 브라우져 크기에 따라서 선의 길이도 유동적으로 변합니다 SIZE=선의 높이를 말합니다 Width=선의 가로 크기를 말하는것이구요 Align=선이 그려졌을때 선이 정렬항 위치를 말하는데 right(오른쪽),left(왼쪽),center(중앙)이 있습니다 선의 가로크기 500 높이 50 왼쪽 정렬 이건 선의 가로크기 500 높이 50 오른쪽 정렬 더보기 [스크랩] HTML과 form 관련 태그 - input 1. 설명 - input 태그는 사용자가 값을 입력할 수 있도록 하는 HTML 태그이다. 2. 속성 속성 설명 범위 type 입력 형태를 기술하며, 다음과 같은 값들을 가질 수 있다 type="button" : 클릭할 수 있는 버튼을 사용함 type="text" : 문장 한 줄을 입력함 type="password" : 암호를 입력할 때 사용함 type="checkbox" : 체크 박스 형태로 값을 선택함 type="radio" : 동일한 이름을 가진 것들 중에서 하나만 선택함 type="submit" : 폼에서 기술한 내용을 웹 서버로 전송함 type="reset" : 폼에 기술한 내용들을 초기 값으로 변경함 type="hidden" : 화면에 안보이는 값을 웹 서버에 전달할 때 사용함 type="ima.. 더보기 구글로봇이 좋아하는 메타테그 메타테그작성법 흔히 메타태그 작성했는데도 잘 검색이 되지 않은 이유는 분명 있습니다. 검색엔진에서 메타태그를 잘 걸리도록 설정하는 TIP입니다. 검색전용 엔진에 잘걸릴 수 있도록 헤더를 최적화 해주면 구글처럼 순수 검색엔진에 상위에 노출될 수 있습니다. 실례로 네이버 웹문서페이지에서 "대출" 키워드 검색해보시면 조이론 이라고 보일겁니다. 1페이지로 급상승한걸 확인하실수가 있으실겁니다 출처 : http://blog.daum.net/infusion/14 더보기 ※ HTML 태그표 총정리 ※ HTML 태그표 총정리 H2.0 : HTML 2.0 표준 태그, H3.2 : HTML 3.2 표준 태그, N : Netscape에서만 지원IE : Internet Explorer에서만 지원, EX : 확장태그 태그 이름태그 설명버젼하이퍼링크를 작성H2.0href="URL"하이퍼링크로 호출되는 파일H2.0name="이름"중간 부분을 지정하기 위한 HTML 도큐먼트 부분 명명. 이 이름은 또 다른 태그의 href= 속성에 사용될 수 있다.H2.0taget="프레임 이름" , "_blank" , "_parent" , "_self" "_top"프레임과 함께 사용되는 파일이 디스플레이되어야 할 프레임이나 윈도우를 나타냄EXT페이지에 자바 애플릿을 삽입H3.2align="left" , "right" , "top.. 더보기 input 태그에서 name과 id의 차이 보통 폼의 태그를 이용할때 name을 이용하는데요, 그런경우에 document.폼객체명.폼원소명.value 이런식으로 참조하게됩니다. 그런데 id를 직접주게되면 IE에서는 document.all.id.value 또는 id.value 이렇게 많은부분을 생략해도 스크립트가 돌아가지요, 또는 document.getElementById('폼원소아이디').value='어쩌구'; 이런식으로 사용할 수 도 있게됩니다. 보통 name은 페이지안에 이름이 중복되는경우에 사용하고 test라는 name이 여러번 와도됨 id는 페이지안에 이름이 한개인경우에 사용합니다. id는 원칙적으로 한개만 사용 그래서 a=document.getElementById('아이디명') 또는 a=document.getElementsByName('.. 더보기 [HTML] 레이어(Layer) 속성 설정하기 ======================================================================================= 레이어는 기존의 창에 투명한 창을 겹쳐놓은것과 같은 기능을 하는것입니다. 즉 투명한 창에 그림이나 글자같은 요소를 넣을수 있고 또 그것은 기존창과 독립적으로 배치가 가능하고 또 움직이는 애니메이션효과까지 적용할수 있습니다. 단 이런 레이어를 사용하게 되면 문서의 요소들을 사용자의 의도대로 배치할수 있기때문에 많이 사용하지만 브라우저마다 지원하는 태그가 약간씩 다르기 때문에 주의하셔야 합니다. 여기서는 익스플로러와 넷스케이프에서 공통적으로 사용할수 있는 레이어태그를 기준으로 설명하겠습니다. ==================================.. 더보기 [HTML] 버튼(Button)에 링크걸기 버튼에 링크를 걸려면 일반 html 태그의 a href로는 안됩니다.!! 그래서 아래와 같이 해야 합니다. 팝업창으로 띄우기 omclick="window.open('페이지','win','윈도우 팝업 옵션')"; 새창으로 띄우기 omclick="window.open('페이지')"; 현재창으로 omclick="location.href='페이지'"; 프레임이 있을때 omclick="parent.프레임명.location.href='페이지'"; 참고로 아이프레임에서 프레임이 있을 때(parent 더 추가) omclick="parent.parent.프레임명.location.href='페이지'"; 더보기 클립보드에 복사하기 클립보드(Clipboard) 정의 1. 컴퓨터에서 임시 저장 공간으로 사용하기 위해 확보된 메모리 영역. 2. 윈도우 운영체제 에서는 이미지나 문자열을 복사할때 클립보드에 저장한다. 3. 클립보드에는 한번에 한가지의 내용밖에는 집어넣을 수가 없습니다. 1. 첫번째 방법 window.clipboardData.setData('Text', "Leejunsik"); -- 클립보드에 'Leejunsik' 문자열 복사하기 window.clipboardData.setData('Text', Source.innerText); -- 클립보드에 Source.innerText 내용 복사하기 window.clipboardData.getData('Text'); -- 클립보드의 내용 가져오기 window.clipboardData... 더보기 이전 1 2 다음