꿈꾸는느티나무

HTML의 기본구조 HTML 웹 문서는 크게 머리부, 몸체부로 나눌 수 있다. 소스에서, 머리부임을 알려주는 태그로, 태그의 실행 결과에 변화를 주지 않는다. 단, HTML을 연습해 봅시다^^ br태그를 안쓰면 이렇게됨 br태그를 쓰면 이렇게 한칸 내려가구요^^ 태그 사이에 사용하는 태그 대부분의 태그는 사이에 기록한다. 하지만 태그 사이에 기록하는 , , 자바스크립트는 HTML 문서와 함께 존재하며 정적인 홈페이지를 역동적으로 변화시킨다. 실행 시기에 따라서 태그 사이에 기록하기도 하지만 태그 사이에 정의하는 것이 보편적이다. HTML, CSS를 기초를 공부하고 javascript를 공부하는것이 이해가 빠르다. 참조네이버google인터넷 프로그래밍 입문

이미지맵의 이해 이미지 맵은 그림의 특정한 영역에 하이퍼링크를 시키는 것 사용방법 그림을 문서에 올리고 이름을 지정한다. 올린 그림을 맵테그로 영역을 지정한다. 다각형 영역 지정 ex) 원 영역지정 ex)

장면 전환 효과 속성 설명 page-enter 문서를 열 때 page-exit 문서를 닫을 때 blendtrans 점점 밝게 또는 점점 어둡게 나타나도록 설정 revealtrans 문서 전환 효과 지정 duration 시현 시간 지정 transition 24 종류의 장면 효과 지정 버전이 낮은 웹 브라우저의 경우 한글이 깨질 경우를 대비한 Meta 익스플로러 넷스케이프 자동으로 페이지 이동 Page-Enter : 페이지 들어갈 때 효과 줌 Page-Exit : 페이지 나올 때 효과 줌 blendtrans : 점점 밝게 또는 점점 어둡게 나타나도록 설정 revealtrans : 문서 전환 효과 지정 duration : 시현 시간 지정 transition별 효과 정리 transition=0 사각형 작아지기 ..

JavaScirpt에 대해서 정리한 페이지입니다. 블로그로 보다보니 새로운 지식을 끼워넣을대마다 기존 블로그 위에 올라가게 되어서 정리하기 힘들었습니다. 그래서 정리하는 페이지를 만들고자 합니다 .^^ 혹시 낚이신분들은 죄송하고 빨리 재정비해서 조금더 쉽게 자료에 다가가실수 있도록 하겠습니다. JavaScript 공부하기 예제 html의 시작 위지웍과 특수문자 바디태그 글꼴 태그 목록 태그 그림 태그 하이퍼링크 이미지맵 테이블 테이블2 프레임 IFRAME EMBED MARQUEE 태그 META 태그 FORM 태그

아래의 소스는 제가 연습할때 사용하던 소스입니다. 배우고 게시는 분들이 도움이 되었으면 해서 자료를 올려둠니다.

폼 관련 태그 사용법 여러 태그 form 관련 속성 속성 설명 name 폼 이름을 지정 method 폼 전송 방식을 지정(get,post) action 폼 내용이 전달된다. target ??창에 실행 결과를 보여준다. form관련 태그 태그명 설명 폼 양식의 시작과 끝 한 줄 입력상자 *로 표시되는 비밀번호 입력상자 라디오 버튼 체크상자 일반 버튼 이미지 버튼 전송 버튼 초기화 버튼 이미지 버튼 파일 업로드 숨겨진 필드 여러줄 입력상자 여러상자의 시작과 끝 목록상자에 포함될 항목 지정 입력요소 그룹화 태그에 대한 이름을 정의한다. 정규식 특정한 규칙을 가지고 있는 문자열을 표현하는 수식이다. 정규식은 많은 텍스트 에디터와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 사용되고 있다.식 기능 설명 . 문..

메타 태그에 홈페이지의 주제, 내용 등을 기록해 놓으면 검색 엔진으로 검색할 때 해당 홈페이지를 검색키워드를 설정한다. 검색 엔진의 소개글로 사용하기 속성 설명 author 제작자명을 표기한다. copyright 저작권을 표기한다. keyword 검색 엔진에 키워드를 제공한다. 검색될 키워드를 순서대로 입력해 준다. description 페이지의 내용을 요약하여 적는다. 검색 엔진으로 검색된 사이트의 소개글로 표시된다. generator 홈페이지 제작에 사용된 웹 에디터를 기록한다. pragma no-cache로 지정하면 홈페이지 내용이 캐시에 남지 않는다. expires 페이지의 만료 시간을 표시한다. reply-to 메일 주소 및 작성자의 이름을 기록한다. title 홈페이지에서 다루고 있는 내용의 ..

문자나 그림에 애니메이션 효과를 주는 태그 사용방법 넣고싶은 문자 속성 설명 사용법 direction 진행방향(up,down,left,right) direction=down behavior 행동방식(scroll,alternate,right) behavior=right scrollamount 스크롤 속도 scrollmount=4 scrolldelay 지연 시간 scrolldelay=3 loop 반복 횟수 loop=10 bgcolor 배경색 bgcolor=yellow width 넓이 width=50 height 높이 height=40 hspace 수평여백 hspace=10 vspace 수직여백 vspace=10

배경 음악이 흐르게 하거나 뮤직비디오, 영화 예고편과 같은 동영상을 삽입 할 수가 있다. 사용할 수 있는 파일의 종류:wav,mid,mp3,wma,asf,avi,mov,mpeg/mpg,awf 사용 방법 속성 설명 사용법 src 미디어를 홈페이지에 올릴수 있음 src=경로 width 재생 창의 가로넓이 width=400 height 재생창의 세로 넓이 height=300 loop 반복횟수 (-1(무한),숫자) loop=-1 autostart 자동재생의 유무(true,false) autostart=true hidden 재생기 제어 창의 숨기기의 유무(false,true) hidden=false volume 재생 시 몰륨의 크기 조절(1~100) volume=70

iframe이란 내부 프레임 이라는 의미이다. 일반 프레임 문서와는 달리 HTML문서 내에서 단독으로 삽입된다. 창문을 떠올리면 이해하기 쉬울 것이다. 속성 설명 사용법 src 하이퍼링크시킨 주소를 보여준다. name 이름을 붙인다. name=iframe1 width 창의 너비조절 width=400 height 창의 높이 조절 height=300 frameborder 테두리의 두께 조절 frameborder=1 scrolling 스크롤의 유무 조절(auto,yes,no) scrolling=yes marginwidth 좌,우 수평여백을 지정 marginwidth=120 marginheight 상,하 수직 여백을 지정 marginheight=80 align 창을 화면을 기준으로 정렬(left,center,r..