Blog Content

HTML 문서에 동영상 넣기 두가지 방법으로 파이어폭스 와 윈도우익스플로러에 동영상 넣는 방법입니다. 파이어폭스 형식 ( 예제 )

FORM이란 ? 입력 받은 내용을 처리하는 것으로 서버와 클라이언트를 연결(의사소통) 하는 역활로 사용자로 부터 입력 받기 위해서 사용되는 태그 입니다. 태그 속성 NAME : 양식의 이름 정의 (NAME 또는 ID) METHOD : GET/POST 두가지 선택 GET : 사용자의 입력내용이 서버쪽 환경변수 Query_String에 넘어간다. ※GET 방식으로 보내게 되면 Query문으로 보내지게 되어 입력정보가 주소 창에 보여지게 된다. GET 은 경로를 표현하는데 좋다. POST : 표준입력을 이용하여 서버쪽에 전달.(대용량시 POST) ACTION : 서버쪽에서 실행될 프로그램의 URL을 지정한다. 값이 보내질 URL을 지정 ※FORM에는 하나의 ACTION 값만 존재. 양식의 시작과 끝을 정의하고..

IFrame이란 Inline Frame의 약자로 웹 문서안에서 창을 만들고 다른 웹문서/ 사이트를 표시 할 수 있습니다. 단. IFrame를 Frame처럼 나눌 수 없습니다. IFrame은 별로도 작종되고 여러개를 사용 가능 합니다. 태그 작성 현 업에서 IFrame을 많이 사용되고 있습니다. (해상도 1280 x 1024 에서 작성했습니다.)

테이블의 기타 속성으로 간단한 예제를 작성합니다. 준철이가 좋아하는 연예인 이름 직업 최강희 연기자 한승연 가수 총 2명 테이블에 캡션 넣기 caption 전체 테이블에 대한 설명 직접 td에서 width를 사용해서 값을 넣어줄수 있지만 colgroup 태그를 사용해서 깔끔하게 정리하고 설정할 수 있다. (colgroup 레이아웃 잡을때 사용) thead는 볼드체로 보여지고 가운데 정렬 는 테이블의 머리,몸체,꼬리부분을 설정 할 수 있다.

현재 거의 모든 웹 사이트를 보면 표를 많이 사용해서 만들어져 있고 사용되고 있습니다. 테이블 추가, 셀의 넓이와 높이등을 조절 하는데 각 페이지마다 새로 작성하면 시간소요와 번거럽게 됩니다. 템플잇이란 문서는 그대로 저장 되고 테이블 안에 변경될 내용을 선택, 부분 수정이 가능하게 하는것입니다. 가느다른 실선으로 테이블 테두리 표시 1행 1열 1행 2열 두번째 방법 1행 1열 1행 2열 순수 에서는 두번째 방법으로 디자인 하는것을 추천합니다.

테이블을 만들수 있는 태그 입니다. 테이블 Caption : 표 이름 Table Row(TR) : 표 행 Table Hedader(TH) : 표의 제목 부분 Table Data(TD) : 표의 셀 하나를 가르킴 태그 기본 생성입니다. 1행 1열 테이블 만들기 -> 테이블 선언 1행1열 -> 테이블 제목 -> Table Row 테이블 내의 한 행 1행 1열 ->Table Data(각 행의 셀) 결과 1행1열 2행 2열 테이블 만들기 1행1열1행2열 2행1열2행2열 결과 1행1열 1행2열 2행1열 2행2열 테이블 속성입니다.  BORDER = "픽셀수" : 테이블 외각 두깨 BORDERCOLOR="색상" : 테이블 외각 색깔 WIDTH="100%" (픽셀) HEIGHT="20%" (픽셀) : 넓이, 높이 ..

웹 브라우저의 배경에 관해 작성 하겠습니다. 1. 배경색깔 색깔 변경 태그 2. 이미지 도배 응용편 링크된 택스트의 기본색깔과 클릭했을때의 색상, 링크클릭으로 해당 페이지를 갔다왔을때의 택스트 색깔을 변경 해보도록 하겠습니다. 링크 기본색깔 alink="yellow" ->클릭 했을때의 색상 vlink="green" ->해당 링크 갔다왔을때의 색상 > godffs블로그

이미지맵이란 이미지를 클릭했을때 발생되는 이벤트를 지정하는 것입니다. 예) 배너와 같다고 보시면 좋습니다. (이미지 클릭시 지정된 사이트로 이동) 코드 설명입니다. usemap="#go"은 책갈피와 비슷한 기능으로 usemap이름을 go로 했습니다. 책갈피니깐 # 이 앞에 붙어야겠죠? map 이름을 go로 임의로 지정 shape는 모양으로 rect는 사각형, circle는 원형, poly는 마름모입니다. (target관련강좌 : 14장 하이퍼링크 참고)

이미지 링크에 대해 알아보겠습니다. 웹 브라우저에 이미지를 보여주는 것입니다. 먼저 14장에서 설치한 Visual Web Developer 2008 Express Edition에서 폴더를 만들어줍니다. 폴더 이름을 "images"로 합니다. (개발자 거의 90% 정도가 이미지 관련 폴더로 이름을 "images"로 지정합니다.) 만드신 폴더에 웹에 표현하고 싶은 이미지 파일을 넣어줍니다. 이미지 태그는 단독 태그입니다. 속성으로는 크게 src , alt가 있습니다. src는 해당 파일의 경로와 이름을 지정 (상대경로) alt는 이미지가 없을때 대체 하는 택스트로 설정해 주셔야 합니다. 실행하시면 웹 브라우저에 지정된 이미지 크기 그대로 나타나는것을 확인 할 수 있습니다. 만약 경로가 제대로 지정 되지 않았..

Microsoft Visual Web Developer 2008 Express Edition 와 파이어폭스 설치 Microsoft Visual Web Developer 2008 Express Edition, 파이어폭스 사용 Microsoft Visual Web Developer 2008 Express Edition 사용방법 1. http://www.microsoft.com/express/download/ 사이트 접속 언어를 선택하시고 다운 받아 설치 해주세요. Microsoft Visual Web Developer 2008 Express Edition를 실행 한 후 파일-열기-웹사이트 선택 한 후 에 작업중이신 폴더 선택 (새로 만드실때는 파일-새로만들기-) 하이퍼링크(Hyperlink)는 글자, 그림,..

URL(URI)의 구조는 공백이 없습니다. (공백 대신 특수문자가 들어갑니다.) 웹 주소 체계 예) http://www.dotnetkorea.com/Website/Default.aspx?uid=godffs&pwd=12345#bottom 도메인: dotnetkorea.com 호스트: www, ftp, sample 프로토콜 : http://, ftp://, mms://, https:// 가상(하위)디렉토리/웹공유폴더 : /website/ 웹 애플리케이션으로 설정된 공간 기본페이지(페이지) :Default.aspx, Default.asp, Default.htm, Index.html, Main.html 먼저 실행되는 페이지/생략가능 (Default부터 삭제하고 실행 가능) 쿼리스트링(QueryString): h..

: 흐르는 문자열(이미지/개체)을 표현 할 때 사용되는 태그 입니다.  속성 BGCOLOR="COLOR NAME“ HEIGHT=N, WIDTH=N HSPACE=N VSPACE=N ALIGN=TOP/MIDDLE/BOTTOM BEHAVIOR=SCROLL/SLIDE/ALTERNATE DIRECTION=LEFT/RIGHT 시작방향 LOOP=N 반복회수 SCROLLAMOUNT=N 문자배너의 움직임 조절 픽셀단위 SCROLLDELAY=N 문자배너의 지연시간 N= 1/1000초 응용 방법으로 문자가 위 아래로 움직이면서 왼쪽으로 이동 할 수 있도록 설정해 보겠습니다. - 소스 공개 - 대각선으로 흐르는 문자열

목록태그와 용어 정리 목록 태그에 대해 설명드리겠습니다. 목록 태그 ... : 번호를 붙이지 않은 목록 ... : 번호를 붙인 목록 : 과 함께 쓰여 목록을 정의 우리가 배울 과목 HTML CSS JavaScript 중요 과목 (예제1) OS : Windows Server DBMS : SQL Server IDE : Visual Studio 중요 과목 (예제2) OS : Windows Server DBMS : SQL Server IDE : Visual Studio C# ASP.NET SilverLight WPF/WCF UL의 TYPE 속성으로는 DISC, SQUARE, CIRCLE 3가지가 있습니다. DISC : 원반 모양 (초기값) SQUARE : 정사각형 모양 CIRCLE : 원모양 OL의 TYPE 속..

물리적 스타일과 논리적 스타일이 있습니다. 물리적 스타일 : 실제 화면에 나타는 글자모양을 직접 정의 논리적 스타일 : 글자 모양의 용도를 정의 물리적 스타일 입니다. 밑줄 이텔릭체 굵게(볼드체) 취소선 윗첨자 아래첨자 타자기체(정사각형크기) 논리적 스타일 입니다. 단어 정의 할 때 책, 참조문헌등 인용한 부분 프로그램 코드 특정 문자열 강조 키보드 입력 표시 컴퓨터상의 메세지 표시 특정 문자열 강조 변수를 표현

문단정렬 태그로 , , , 가 있다. : 자유정렬, 태그가 실행됨_(그림9-1) : 와 동일 하지만 태그가 무시되고 그대로 출력됨_(그림9-1) : 문단을 한단계 들여쓰기_(그림9-1) : 줄 바꿈 사용 안함_(그림9-2) 결과 화면입니다. 자유정렬 태그가 실행됨 pre 태그와 동일하나, 태그가 무시됨... 문단을 한단계 들여쓰기 문단을 두단계 들여쓰기 다음은 태그 사용 결과 화면 입니다. 그림9-2_1 부터 그림9-2_3은 인터넷 창 크기를 줄이는 과정을 표현한 것입니다. 태그를 아래 소스와 같이 제 이름인 "이준철"에 사용했습니다. 위에 스크린샷과 같이 "이준철" 문장이 한 묶음같이 아래로 내려간것을 확인 하실수 있습니다. 제 이름은 이준철입니다.