Appia의 IT세상

[초보HTML배우기 17]HTML - 버튼(button)만들기(input) html에서는 단순히 정보만 표시하는 데에 그치지 않습니다. 실제 문서적인 출력하는 부분과 프로그래밍 부분이 섞여 있는 부분이 html이라고 생각합니다. 이 html에 버튼을 생성해보도록 하겠습니다. 물론, 이런 부분들은 향후 다른 언어와 결합되어 사용이 됩니다. 즉, 예를 들면, 자바 스크립트와 함꼐 사용되고, 버튼을 눌렀을 경우 이 부분들에 동작을 할 수 있게 코딩할 수 있습니다. 그래서 오늘은 이 버튼을 생성하는 방법에 대해서 살펴보겠습니다. 위와 같은 버튼을 생성하는 부분에 대해서 다음 한번 살펴보겠습니다. Document Colored by Color Scripter cs 위의 버튼을 지원하는 타입(type)을 다음과 같..

[초보HTML배우기 16]HTML - 파일 업로드 박스(upload box)만들기(input) 웹에서 종종 파일을 업로드 하는 경우가 많습니다. 그럴 경우, 프로그래밍에서 사용하는 파일 다이어로그(file dialog)와 같은 부분들이 요구 됩니다. 실제, 파이썬등에서는 관련해서 관련 모듈을 바탕으로 사용됩니다. 물론 HTML에서도 관련하여 방법들을 제공하고 있습니다. 따라서, 이번 포스팅은 파일을 업로드 할 수 있는 파일 업로드 박스를 만들기로 해보겠습니다. 파일 업로드 박스(upload box)도 앞선 포스팅들과 유사하게 input 태그에서 type을 변경함으로 사용합니다. 그럼 다음 코드를 한번 살펴보겠습니다. Document Colored by Color Scriptercs 위의 코드의 html을..

[초보HTML배우기 14]HTML - Form, 라디오 버튼(radio button)만들기(input) 이번 포스팅에서는 여러개의 버튼중을 하나를 선택할 수 있는 라디오 버튼(radio button)을 만드는 방법에 대해서 이야기 해보고자 합니다. 먼저 라디오 버튼(radio button)은 여러개의 메뉴중에 하나만 선택할 수 있게 해주는 버튼입니다. 간단히 예를 들면 다음과 같은 버튼이라고 할 수 있습니다. 위의 부분과 같은 부분에 대한 코드를 한번 작성해보도록 하겠습니다. Document 앱피아1 앱피아2 앱피아3 앱피아4 Colored by Color Scriptercs 위의 HTML로 작성한 부분을 저장하여 html을 브라우저로 보면 다음과 같습니다. 그럼 간단히 위의 부분에 대한 속성에 대해서 ..

[초보HTML배우기 13]HTML - Form, Checkbox만들기(input) 앞서 포스팅에서는 텍스트를 입력 받는 공간을 만들어봤습니다. 이전 포스팅에서는 일반 적인 한줄 텍스트 박스, Password를 입력할 수 있는 텍스트 박스, 그리고 여러줄을 입력할 수 있는 텍스트 박스를 생성해봤습니다. 이번 포스팅에서는 체크 박스를 생성을 해보도록 하겠습니다. 그럼 간단하게 다음 코드를 한번 살펴보겠습니다. Document 브라우저를 선택하세요 구글 네이버 Colored by Color Scriptercs 위의 코드를 바탕으로 생성된 html파일을 브라우저에서 읽으면 다음과 같은 형태로 나타납니다. 위의 바탕으로 생성하는 부분들을 살펴봤는데, 앞선 포스팅에서 봤던 input을 재사용합니다. 단, type ..

[초보HTML배우기 12]HTML - Form - Text Input 생성하기 (input, textarea) 이번 포스팅은 HTML에서 특정 Form에 대해서 이야기를 해보고자 합니다. HTML에서는 많은 형태의 Form을 제공하고 있습니다. 이 중에서 이번 포스팅에서는 Text Input에 대해서 생성해보도록 하겠습니다. Text Input에 관련된 부분은 텍스트를 입력할 수 있게 해주는 부분입니다. 여기에선 크게 셋 가지로 나누어서 볼 수 있습니다. 한줄 테스트 박스 - 오직 한줄에 텍스트를 입력할 수 있는 텍스트 박스 생성 Password 테스트 박스 - 입력된 글자가 노출되지 않는 텍스트 박스 생성 다중라인 테스트 박스 - 여러줄을 입력할 수 있는 텍스트 박스 생성 그럼 위의 부분을 바탕으로 각..