HTML&CSS/HTML545 <HTML5+CSS3> 폼 만들기 보통 로그인을 클릭하면 사용자가 입력한 아이디와 비밀번호가 웹 서버로 보내집니다. 서버는 사용자 정보를 받아서 필요한 작업을 하게 되는데, 예를 들어 로그인 정보를 받았다면 서버는 자신이 가지고 있는 사용자 데이터베이스를 뒤져서 사용자가 보낸 정보가 일치하는지 확인하고 브라우저에 결과를 보냅니다. 이런 작업은 모두 데이터 베이스를 기반으로 합니다. 폼의 형태는 HTML태그를 사용하고, 정보 처리는 ASP나 PHP,JSP같은 서버 프로그래밍을 이용합니다. 태그-폼만들기-폼을 만드는 가장 기본적인 태그입니다.EX) 여러 폼 요소 예를 들어, 폼에 내용을 입력하고 전송 버튼을 눌렀을 때 post방식으로 register.php를 실행한다면ex) ... 이렇게 사용하면 됩니다. 속성1.method: 폼을 전송할 .. 2018. 10. 8. <HTML5+CSS3> 플러그인 없이 사용하기 외 태그들 HTML5에서 비디오 파일이나 오디오 파일을 어떻게 재생하는지 그 태그들을 알아보자 ! 인코딩: 캠코더 및 휴대폰등 여러 장치를 이용해 비디오를 촬영해 원본 비디오를 압축해 컴퓨터에서 사용할수 있는 비디오 파일로 변환하는 과정 디코딩:비디오 파일에 저장되어 있는 비디오 정보를 가져와서 비디오 플레이어에 보여주는 과정 코덱:인코딩과 디코딩을 수행하는 것 대표적으로 WMV(Windows Media Video)라는 코덱은 원본 비디오를 윈도우의 윈도우 미디어 플레이어로 볼 수 있도록 변환해 준다. 태그- HTML5와 비디오-HTML5에서 비디오태그를 이용해서 쉽게 웹 문서에 비디오 파일을 넣을 수 있다.EX) 예를들어, HTML5 브라우저에서만 재생할 수 있는 gate.mp4파일을 다음과 같은 소스로 웹 문서.. 2018. 10. 8. <HTML5+CSS3> 멀티미디어 재생하기 플러그인 프로그램으로 멀티미디어 재생하기인터넷에서 음악을 듣거나 영화를 보거나 강의를 볼때 어도비 플래시나 엑티비티X등 플러그인 프로그램을 설치했을것이다. 그래야 오디오나 비디오 파일을 자유롭게 볼 수 있으니, 하지만 여러 문제점들이 많았고 악의적인 행동을 액티비티 X 에 담아서 컨트롤할 수 있었다. 이러한 불편함과 위험을 감수하면서도 플러그인을 사용하는 이유는 웹 브라우저에서 이미지를 제외한 음악이나 동영상 같은 멀티미디어를 스스로 재생할 수 없기 때문이다.HTML4에서는 웹 브라우저에서 이런 플러그인 프로그램을 불러와 멀티미디어 파일을 재생하기 위 해 태그에서는 이라는 태그를 통해 플러그인 프로그램으로 여러 가지 값을 가진 매개변수를 전달한다. 예를들어 실행 파일 경로나 전체화면 크기로 실행할지, 자.. 2018. 10. 8. <HTML5+CSS3> 이미지 파일에 캡션 붙이기 태그 - 캡션 대상 지정하기이미지에 캡션을 붙이기 위해서는 2개의 태그가 사용된다. 1.태그를 사용해 캡션을 붙일 대상을 지정. ex)이미지,오디오,비디오 같은 미디어 파일 or 텍스트 단락 or 여러개의 미디어를 하나의 태그로 묶을 수 있다.( 하나의 캡션을 표시 가능) eX)캡션을 붙일 요소 %태그와 태그의 차이점- 태그는 인라인 태그라서 여러 개의 태그를 사용하면 계속해서 오른쪽에 표시 되지만,태그는 한줄에 하나의 figure요소를 표시한다. 태그 - 캡션 설명 붙이기2.태그를 사용해 캡션을 붙일 대상을 묶어 놓았다면 태그를 사용해 캡션을 붙을 수 있다.에 대한 스타일만 조절하면 적절한 캡션을 표시할 수 있다.eX)내용 %단순히 이미지를 묶어서 표시하고 싶다면 태그를 사용한다. 2018. 10. 7. <HTML5+CSS3> HTML5와 이미지 웹 문서와 이미지-웹에서 사용할 수 있는 이미지 파일 형식은 GIF-JPG나 PNG형식에 비해 파일 크기가 작지만 표시할 수 있는 색상 수가 최대 256가지뿐으로 아이콘이나 작은 이미지에 사용 투명한 배경이나 움직이는 이미지에 사용 JPG,JPEG-사진을 웹 페이지에 넣기 위해 개발된 형식 GIF에 비해 다양한 색상과 명암을 표현 디지털 카메라에서 저장하는 사진 파일은 대부분JPG 형식이다. PNG-투명 배경을 만들 수도 있고 사물이 가진 색상도 최대한 그대로 유지되기 때문에 최근에 많이 사용되는 이미지 파일 형식. 태그 -이미지 넣기웹 문서에 이미지를 삽일할 때는 태그를 사용한다. 이 태그는 인라인 태그이므로 이미지 바로 옆에 다른 요소가 나란히 배치된다. 즉 태그 같은 블로 태그는 스스로 자신만의 영.. 2018. 10. 6. <HTML5+CSS3> 하이퍼 링크 하이퍼링크-웹상에서 텍스트나 이미지를 클릭하면 인터넷 이곳 저곳을 돌아다닐 수 있다는 점 이 연결을 해주는 것을 하이퍼링크라고 하는는데 줄여서 링크라고 한다. 태그-원하는 문서나 사이트로 연결하기 텍스트 또는 이미지 href는 링크로 연결할 웹 문서 경로나 사이트 주소를 지정한다.%href="#"은 실제로 연결되지 않는,링크 역할만 하도록 만든 가짜 링크 이런 링크를 널 링크라고 한다. 새 창 또는 새 탭에서 링크 열기-링크를 클릭하면 기본으로 현재 브라우저 창에 열리는데 외부 사이트로 연결하는 링크라면 현재 창보다 새로운 창에 열리도록 하는것이 좋다 그럴 경우에는 target="_blank"라고 target속성을 지정하면 된다.------------------------------------------.. 2018. 10. 5. 이전 1 ··· 4 5 6 7 8 다음